在线预览插件--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读取该后台方法获取流显示。

 

猜你喜欢

转载自yuhanwm910731.iteye.com/blog/2294672