浅谈PDF.js使用心得-创新互联-成都快上网建站

浅谈PDF.js使用心得-创新互联

一次在开发微信预览保单的时候所使用到的,由于安卓手机浏览器不支持解析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使用心得-创新互联
URL地址:http://kswjz.com/article/dsocch.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流