项目中在线预览pdf

背景：前段时间项目中有个需求，需要后台信息中发布的pdf在前台可以直接显示的功能。

当时在网上找了下，后来发现，用pdf.js这个插件可以实现，而且使用起来特别方便。于是就决定采用这个。

效果：

1.先看下效果，由于是自己的demo，并没有美化页面(请忽略页面的美观)，只实现功能。

2.点这个"点我2"，打开页面效果如下：

 

 然后就可以在实现在浏览器中查看pdf'文件了。

代码解读：

1.首先我们可以看到从那边下载下来，那个结构如下：

build文件夹里面的那两个是解读pdf文件的核心的js代码，这个已经封装好了，我们不必修改，类似于jquery.js。

css文件夹，包含这个里面的样式。

extensions文件夹，包含一些扩展的插件。

js文件夹包含一些引用到的jquery.js和bootstrap.min.js开文件。

然后，我们打开index.html文件，可以查看这个代码。

我在链接的地方加上了这个，href="web/viewer.html?file=http://localhost/PdfWeb/web/test.pdf" 其中web/viewer.html为通过这个页面来进行阅读后面的pdf内容。file后面接的是你的pdf文件的用url地址访问的路径。

而对于viewer.html文件，我只知道它引用了下面这些js，我没有做太深入的了解。