1.到官網下載包https://github.com/mozilla/pdf.js/releases/download/v1.10.88/pdfjs-1.10.88-dist.zip

2.解壓包到開發工程中

3.修改viewer.js

1)var?DEFAULT_URL?=?'compressed.tracemonkey-pldi-09.pdf' ?里面是PDF的路徑刪除該變量定義;

2)1899行

var fileOrigin = new URL(file, window.location.href).origin;

if (fileOrigin !== viewerOrigin) {

throw new Error('file origin does not match viewer\'s');

}

修改為

if (file && 'byteLength' in file) {

} else{

var fileOrigin = new URL(file, window.location.href).origin;

if (fileOrigin !== viewerOrigin) {

throw new Error('file origin does not match viewer\'s');

}

}

4.修改viewer.html，在

前加入以下內容(jquery-3.3.1.min.js請自行下載)

5.調用示例：

viewer.html?url_file=printcontroller.do?viewfile&id=9999

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html展示pdf文件流,使用pdfjs提供的viewer.html展示pdf文件流的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。