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

2.解壓包到開發(fā)工程中

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，在

前加入以下內(nèi)容(jquery-3.3.1.min.js請(qǐng)自行下載)

5.調(diào)用示例：

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

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。