pdfjs官網

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

Demo

示例效果

主要代碼

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

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

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

注意：

如果未加載成功，檢查一下pdf路徑是否正確，是否在同一域名下，
例如報錯：

可本地安裝服務器進行測試，也可使用vscode的Live Server插件（index.html上點擊右鍵選擇Open with Live Server自動打開瀏覽器）

完整代碼

完整代碼鏈接

總結

以上是生活随笔為你收集整理的pdfjs实现pdf预览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。