在Angular項目中引入pdf.js,解決電子簽名不顯示

以下是針對解決電子簽名不顯示的pdf預覽的方案:

將pdfjs相關源碼下載後,拷貝至項目目錄下,如src/asssets

另外需要修改 pdf.worker.js中代碼,將以下代碼註釋:

if (data.fieldType === 'Sig') {
  _this2.setFlags(_util.AnnotationFlag.HIDDEN);
}

不註釋的話頁面可能看不到電子簽名;

然後在angular.json的build配置裏添加代碼:

"build": {
  "assets": [
    { "glob": "**/*", "input": "src/assets/pdfjs", "output": "/assets/pdfjs" }
  ],
}

‘input’ - 項目中pdfjs所在目錄,
‘output’ - 項目build後所要生成的pdfjs所在的目錄.

在頁面中打開地址:<域名>/pdfjs/web/viewer.html?file=<pdf下載地址>
或者直接使用ng2-pdfjs-viewer插件;

完成。

💬 pdf.js源碼下載

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章