簡單體驗pdfjs,並且隱藏下載、打印等按鈕


有個在線閱讀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,發現右上角的打開、下載、打印等按鈕都不見了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM