PDF.js的使用

 

一、PDF简介

pdf.js可以实现在html下直接浏览pdf文档，是一款开源的pdf文档读取解析插件。

下载地址：https://github.com/mozilla/pdf.js

 

二、使用场景

最近拿到的任务是实现在网站前端对pdf文件的预览，一开始用的pdfObject.js ，但是后来公司要求兼容safari浏览器，但pdfobject.js在火狐和safari下面要下载才能再看，兼容性不是太好，所以后来决定换pdf.js插件 ，在谷歌、火狐、safari都可以浏览

 

pdfObject.js 和pdf.js的区别  ：https://www.cnblogs.com/iPing9/p/7153713.html

 

三、开发环境

sublime、node.js 、Git

 

四，使用pdf。js

（一）下载文件（从下载地址解压出来是这样子的）

但是缺少了一个必备的build文件，其中包含pdf.js和pdf.worker.js （搞得我搞了好长时间，结果没成功）  可以到本人的 资源中去下载，名字是pdfjs-build -包含pdf.js和pdf.worker.js文件

 

下载之后放在与web同一目录下  

根据pdf.js的官网步骤进行安装依赖的包和启动  就可以在页面上看到加载的pdf

 

 

（二）、一个页面 局部加载pdf 我使用的是 iframe 标签

 

1）首先我把pdf.js 当做一个整体的插件iframe进另一个页面局部

文件目录是这样放的

在个人中心页面，需要加载的地方就可以使用iframe来加载了

 

因为我们只做前端页面，后面接口联调是后台人员来做，后天那块就不太熟悉了，所以就分享心得到这里

另外推荐下对我使用pdf.js 有很大帮助的博客

这个涉及了后台的知识

http://blog.csdn.net/m0_38021128/article/details/70868407

这个分享了几种方式加载的 也讲解了一些文件中js的作用和修改pdf.js的路径在哪

http://blog.csdn.net/li_cheng_liang/article/details/75332938#comments

还有最后一个

http://blog.csdn.net/zsr_251/article/details/50127117