浏览器在线查看pdf文件 pdf.js的使用教程

时间:2022-06-20 03:14:31

谷歌浏览器可以直接在线查看pdf,而IE内核浏览器无法在线查看,默认是下载。

这里用到的是pdf.js,不仅支持IE内核浏览器,而且兼容手机查看pdf

官网地址:http://mozilla.github.io/pdf.js/

下载之后解压放到本地服务器,打开对应网址查看一下。/web/viewer.html

IE也是可以正常显示的

浏览器在线查看pdf文件 pdf.js的使用教程

默认的pdf文件设置,修改 web/viewer.js 文件 10054行

行数可能有变化,请以你下载的版本为准(下同)

浏览器在线查看pdf文件 pdf.js的使用教程

查看自定义的pdf文件,我将demo.pdf文件放到了web目录下。

get方式,传入文件名即可。/web/viewer.html??file=demo.pdf

浏览器在线查看pdf文件 pdf.js的使用教程

你还可以指定显示的页码。/web/viewer.html?file=demo.pdf#page=9

隐藏下载和打印按钮

1、删除viewer.html中188-195行的两个button标签

浏览器在线查看pdf文件 pdf.js的使用教程

2、删除viewer.html中9798-9803行print和download事件

浏览器在线查看pdf文件 pdf.js的使用教程

3、移动端隐藏打印和下载按钮,viewer.html中110-117行的两个button标签添加style="display:none;"属性

浏览器在线查看pdf文件 pdf.js的使用教程