下载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,不显示预览按钮