Vue PDF预览（微信公众号，app也可用）_微信公众号实现pdf预览

 目录

下载pdf.js插件

将插件导入项目中

PDF预览按钮

 预览pdf的 openpdf 方法

判断是否为pdf文件的 isPDF方法

---

 

下载pdf.js插件

百度网盘下载链接：https://pan.baidu.com/s/1X58rQ4XHzI9jvfnq4319Cw 
提取码：jqzx 

下载后得到pdfjs压缩包，解压后，得到pdfjs文件夹

将插件导入项目中

 将pdfjs文件夹放入public文件夹中

此时，pdfjs对于index.html的相对路径为 ‘./js/pdfjs’

 

若项目的静态文件都在static中，则将pdfjs文件夹放入static文件夹中

此时，pdfjs对于index.html的相对路径为 ‘./static/pdfjs’

PDF预览按钮

 预览pdf的 openpdf 方法

 

 pdfURL为后端提供的获取pdf文件的接口，传入fileID，返回pdf文件流

newURL中，‘./js/pdfjs’为pdfjs对于index.html的相对路径（若与此范例不同，记得修改成实际的相对路径）

判断是否为pdf文件的 isPDF方法

原理：将文件名传入isPDF方法，若文件名包含pdfExts数组中的.pdf或.PDF后缀，则返回true，即该文件是pdf文件，可以预览，否则返回false，不显示预览按钮