基于PDFJS方案的PDF文档在线预览实现

使用背景
能够实现文档预览的方法有很多,在之前的一个项目中集成了微软的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资源路径去调用独立工程。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值