在线预览插件--pdf.js

阅读更多

最近项目开发需要在线预览pdf文件，网上找了很多插件，最终选择了pdf.js插件，pdf.js是一个技术原型，主要用于在 HTML5 平台上展示 PDF 文档，无需任何本地技术支持，以下是它的使用方法，仅供大家参考。

 

pdf.js下载地址：http://mozilla.github.io/pdf.js/

 

demo地址：http://mozilla.github.com/pdf.js/web/viewer.html

 

从http://mozilla.github.io/pdf.js/下载构建好的例子如下：

将构建好的文件放到tomcat下，启动tomca服务，就可以通过以下地址访问：

 

http://localhost:8080/web/viewer.html

 

效果如下：

构建目录web/viewer.html主要是渲染pdf阅读器的样式，而web/viewer.js则是指定打开的pdf文件，我们看 web/viewer.js的一段代码：

 再看下面这段代码：

从上面可以看出通过传递file形参来动态指定打开的pdf文件，如果没有传递file，那么打开默认的pdf文件，写法如下：

 

http://localhost:8080/web/viewer.html?file=helloworld.pdf 

 

 注：项目当中有跨域读取pdf的问题，pdf.js只能读取同一个域里的pdf，最好是先用后台读取跨域的pdf流，写到前台，pdf.js读取该后台方法获取流显示。