pdfjs官網(wǎng)

http://mozilla.github.io/pdf.js/

Demo

示例效果

主要代碼

//用 promise 獲取頁(yè)面 PDFJS.getDocument(fileURL).then(function (pdf) { });// 獲取i頁(yè)的頁(yè)面 pdf.getPage(i).then(function (page) { })// 識(shí)別pdf中文本 page.getTextContent().then(function(textContent) {for(let j = 0; j < textContent.items.length; j++) {// textContent.items[j].str為識(shí)別到的文本字符串} });// 渲染pdf var renderTask = page.render(renderContext); renderTask.promise.then(function() {// 渲染完成 });

若字體未顯示或者亂碼，檢查是否設(shè)置cMapUrl

PDFJS.cMapUrl = '/assets/pdfjs/cmaps/'; PDFJS.cMapPacked = true;

注意：

如果未加載成功，檢查一下pdf路徑是否正確，是否在同一域名下，
例如報(bào)錯(cuò)：

可本地安裝服務(wù)器進(jìn)行測(cè)試，也可使用vscode的Live Server插件（index.html上點(diǎn)擊右鍵選擇Open with Live Server自動(dòng)打開(kāi)瀏覽器）

完整代碼

完整代碼鏈接

總結(jié)

以上是生活随笔為你收集整理的pdfjs实现pdf预览的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。