有個在線閱讀pdf的需求,就想到了之前聽過的pdfjs庫:pdfjs官網
下載之后解壓到web目錄下,直接訪問:pdfjs/web/viewer.html 即可加載默認的pdf文件:
一般情況下,pdf在線閱讀都不希望被下載或打印,因此需要將右上角那幾個按鈕隱藏。
如果直接在viewer.html源代碼中刪除那幾個按鈕,運行后會提示錯誤。
可以修改viewer.js文件,搜索 webViewerInitialized() 部分(大概2242行),在 appConfig 下面插入下面的代碼即可:
function webViewerInitialized() {
const appConfig = PDFViewerApplication.appConfig;
appConfig.toolbar.openFile.hidden = true;
appConfig.secondaryToolbar.openFileButton.hidden = true;
appConfig.toolbar.print.hidden = true;
appConfig.secondaryToolbar.printButton.hidden = true;
appConfig.toolbar.download.hidden = true;
appConfig.secondaryToolbar.downloadButton.hidden = true;
appConfig.toolbar.viewBookmark.hidden = true;
appConfig.secondaryToolbar.viewBookmarkButton.hidden = true;
再次運行viewer.html,發現右上角的打開、下載、打印等按鈕都不見了。