一、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

)下载文件(从下载地址解压出来是这样子的)

PDF.js的使用

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

 

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

PDF.js的使用

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

 

PDF.js的使用

 

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

 

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

文件目录是这样放的

PDF.js的使用

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

PDF.js的使用

 

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

另外推荐下对我使用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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-20
  • 2022-01-12
  • 2021-05-22
  • 2021-10-18
猜你喜欢
  • 2021-09-17
  • 2022-01-05
  • 2021-04-19
  • 2021-09-22
  • 2022-02-01
  • 2021-09-29
  • 2022-12-23
相关资源
相似解决方案