平時開發中，我們經常遇到的場景應該是調用后端接口返回給前端pdf格式的文件流，然后我們可以通過URL.createObjectURL的方式轉為object url臨時路徑然后可以通過window.open的方式來打開一個新的瀏覽器頁簽來進行預覽，效果如下圖：

但有時候這樣滿足不了的需求，它不想這樣預覽，不想要那么多亂七八糟的東西，我只要PDF文件中的內容，然后在項目頁面中類似個彈窗似的直接展示pdf文件的內容。

所以，這篇就來說一下，我們可以將pdf文件轉為圖片來進行展示。

1. 安裝pdfjs-dist 

pnpm add pdfjs-dist@2.6.347

這里哈！網上搜了好多，全是報錯的，一會兒必須那個版本，一會兒必須這個版本的，都是報錯，后來發現報錯的原因是因為在設置workerSrc的時候原因，網上大多數都是從pdfjs-dist庫里面引入的，然后進行設置的，都是報錯。如下所示：