PDF.js使用心得

本文介绍了在开发微信预览保单时如何使用PDF.js在安卓手机浏览器上展示PDF。PDF.js是一个无需本地支持即可在HTML5平台上展示PDF的技术原型。通过解析viewer.js中的DEFAULT_URL来配置PDF文件路径,提供了四种使用方式,包括直接配置、URL参数、localStorage和编程方式加载。同时,还提到PDF.js可能对系统资源,特别是CPU,产生较大消耗。
摘要由CSDN通过智能技术生成

一次在开发微信预览保单的时候所使用到的,由于安卓手机浏览器不支持解析PDF,所以才用了PDF.js来解析PDF并展示。

pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持。

在线演示地址:http://mozilla.github.com/pdf.js/web/viewer.html

PDF.js可在官网下载  地址:http://mozilla.github.io/pdf.js/

解压后的目录结构是:


其中build目录是PDF.js的核心文件。

web目录是PDF.js的配置与显示文件。


viewer.html是负责显示PDF的,viewer.js是负责配置的文件。viewer.js中:


其中var DEFAULT_URL 是默认解析的PDF文件,可以对他进行替换。


pdf.js的使用方式(一):

对于简单只展示一张PDF文件的使用只需要将


默认路径配置好即可,但是很多情况这种方式不满足开发需求。

pdf.js的使用方式(二):

在地址栏后面传?file=test.pdf 即可完成对默认路径的修改

http://localhost:8080/pdfjs/web/viewer.html?file=test.pdf            //这种最好不要传输中文   具体我没用试过

这里的test.pdf 取与viewer.html的相对路径即可(整个服务器的绝对路径也行)

pdf.js的使用方式(三):

通过为window.localStorage.pdf赋值修改PDF的路径(经过测试最好写http协议的路径)

例如:

window.localStorage.pdf= 'http://localhost:8080/pdf/20140620/000000091534588.pdf';
window.location.href=basePath+"jsTool/openPDF/web/viewer.html";

pdf.js的使用方式(四):

摘自(官网的例子)http://mozilla.github.io/pdf.js/examples/

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值