目錄

下載pdf.js插件

將插件導(dǎo)入項目中

PDF預(yù)覽按鈕

預(yù)覽pdf的 openpdf 方法

判斷是否為pdf文件的 isPDF方法

---

下載pdf.js插件

百度網(wǎng)盤下載鏈接：https://pan.baidu.com/s/1X58rQ4XHzI9jvfnq4319Cw
提取碼：jqzx

下載后得到pdfjs壓縮包，解壓后，得到pdfjs文件夾

將插件導(dǎo)入項目中

將pdfjs文件夾放入public文件夾中

此時，pdfjs對于index.html的相對路徑為 ‘./js/pdfjs’

若項目的靜態(tài)文件都在static中，則將pdfjs文件夾放入static文件夾中

此時，pdfjs對于index.html的相對路徑為 ‘./static/pdfjs’

PDF預(yù)覽按鈕

預(yù)覽pdf的 openpdf 方法

pdfURL為后端提供的獲取pdf文件的接口，傳入fileID，返回pdf文件流

newURL中，‘./js/pdfjs’為pdfjs對于index.html的相對路徑（若與此范例不同，記得修改成實際的相對路徑）

判斷是否為pdf文件的 isPDF方法

原理：將文件名傳入isPDF方法，若文件名包含pdfExts數(shù)組中的.pdf或.PDF后綴，則返回true，即該文件是pdf文件，可以預(yù)覽，否則返回false，不顯示預(yù)覽按鈕