使用背景
能够实现文档预览的方法有很多,在之前的一个项目中集成了微软的Office Web Apps作为文档在线预览的解决方案。期间的坑踩了不少,比方说域名、端口等等。最重要的是在集成交付之后,发现移动端预览PDF文档时出现了禁止预览的提示。。。后查阅OWA服务相关接口后发现其并没有提供移动端的PDF预览接口。后来,便决定将移动端PDF预览需求独立出来使用PDF.JS加以实现。
注意事项
pdf.js框架为HTML5实现的,无需任何本地支持,而且对浏览器的兼容性也是比较好,要求只有一个:浏览器支持HTML5
资源下载路径
https://mozilla.github.io/pdf.js/
使用方法
加压得到的文件,将资源引入工程项目跟目录(webapp下),保证项目启动是能直接访问到web目录下的viewer.html页面即可。要实现PDF文档预览至于要将预览路径更改为:http://项目URL/viewer.html?file=PDF文档路径。
至此,PDFJS实现PDF文档在线预览功能就已经实现了。
另一个思维
通过上面过程中我们可以发现,PDF文档作为资源供PDFJS解析,解析的结果在viewer.html上加载、展示。那么,其实我们可以把PDFJS作为一个独立的工程去部署,在调用预览功能时带着PDF资源路径去调用独立工程。