pdf.js使用

作者 時(shí)間 說明
雨中星辰 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

按照?qǐng)D示將目錄拷貝到項(xiàng)目中即可。

image-20211008142112387

測試

首先使用自帶的pdf進(jìn)行測試，驗(yàn)證功能是否可用：

http://0.0.0.0:4545/poseidon-admin-ui/web/viewer.html?file=compressed.tracemonkey-pldi-09.pdf

image-20211008142652719

使用動(dòng)態(tài)的web url:

http://0.0.0.0:4545/poseidon-admin-ui/web/viewer.html?file=http://192.168.5.60:9988/file/preview/77687cd1-da22-4b98-848c-cafc0cc61793

http://192.168.5.60:9988/file/preview/77687cd1-da22-4b98-848c-cafc0cc61793為pdf的web地址。

image-20211008143116491

從官方的常見問題查詢可知pdf.js默認(rèn)情況下是不支持跨域的。

image-20211008144159891

根據(jù)錯(cuò)誤提示在pdf.js的源碼中搜索

image-20211008143437078

嘗試將這塊代碼進(jìn)行注釋：

image-20211008143601186

再次測試預(yù)覽：

image-20211008143634882

跨域問題解決。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容