| 作者 | 時間 | 說明 |
|---|---|---|
| 雨中星辰 | 2021-10-08 | |
概述
pdf.js是用于解析和呈現(xiàn) PDF的通用政溃、基于 Web 標(biāo)準(zhǔn)的工具
下載發(fā)布包
官方下載地址：http://mozilla.github.io/pdf.js/getting_started/#download
目錄說明
│ ├── pdf.js - 顯示層
│ ├── pdf.js.map - 顯示層source map
│ ├── pdf.worker.js - 核心層
│ └── pdf.worker.js.map - 核心層source map
├── web/
│ ├── cmaps/ - character maps (required by core)
│ ├── compressed.tracemonkey-pldi-09.pdf - PDF文件，用于測試目的
│ ├── debugger.js - 用于debug
│ ├── images/ - 圖標(biāo)
│ ├── locale/ - 本地化文件
│ ├── viewer.css - 樣式
│ ├── viewer.html - 用于展示的html文件
│ ├── viewer.js - 展示層
│ └── viewer.js.map - 展示層source map
└── LICENSE
集成pdf.js
按照圖示將目錄拷貝到項目中即可瞎访。
image-20211008142112387
測試
首先使用自帶的pdf進(jìn)行測試权均，驗證功能是否可用：
http://0.0.0.0:4545/poseidon-admin-ui/web/viewer.html?file=compressed.tracemonkey-pldi-09.pdf
image-20211008142652719
使用動態(tài)的web url:
http://192.168.5.60:9988/file/preview/77687cd1-da22-4b98-848c-cafc0cc61793為pdf的web地址。
image-20211008143116491
從官方的常見問題查詢可知pdf.js默認(rèn)情況下是不支持跨域的。
image-20211008144159891
根據(jù)錯誤提示在pdf.js的源碼中搜索
image-20211008143437078
嘗試將這塊代碼進(jìn)行注釋：
image-20211008143601186
再次測試預(yù)覽：
image-20211008143634882
跨域問題解決。
