1、首先先将 pdfjs-2.8.335-dist 文件夹从网上搜索下载,复制到public文件夹下.
2、在components下新建组件PdfViewer.vue文件
3、在el-upload 中调用 pdf-viewer 组件
4、在el-upload 中的 on-preview方法中加上对应的src路径
internalPreview(file) {
//判断需要预览的地方加 props—pdfView
if(this.pdfView){
let baseApi = process.env.VUE_APP_BASE_API;
let _path = file?.path;
this.src = `${baseApi}${_path}`
}文章来源:https://www.toymoban.com/news/detail-806084.html
}文章来源地址https://www.toymoban.com/news/detail-806084.html
到了这里,关于vue2 pdfjs-2.8.335-dist pdf文件在线预览功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!