pdf.js网页显示pdf文档

转自heiliang27

pdf.js可以适配PC端与移动端

1.下载pdf.js   https://github.com/mozilla/pdf.js/releases/download/v1.8.188/pdfjs-1.8.188-dist.zip

2.解压pdf.js 得到文件夹

3.将解压的文件夹复制粘贴到项目中

4.修改viewer.js里的 var DEFAULT_URL = 'emp_book.pdf';是在默认打开pdf文件

5. 访问http://localhost:8080/pdfjs-1.8/web/viewer.html打开默认viewer.js的默认pdf文件

也可以是在打开指定 http://localhost:8080/pdfjs-1.8/web/viewer.html?file=/pdf/emp_book.pdf

6.禁用下载和打印按钮  屏蔽或者删除 viewer.html内的<button id="download" ...

同时需要屏蔽或删除viewer.js内的  items.download.addEventListener('click', function (e) {        eventBus.dispatch('download');      }); 方法

在html中 直接body中添加：

<iframe name="myframe" src="http://ip地址+端口号/generic/web/viewer.html" width="886" height="990"></iframe>

就可调用显示

注意src中如果为django的话直接通过{static路径访问}，同时指定pdf路径时默认为相对路径，从web文件夹下开始