vue2 pdfjs-2.8.335-dist pdf文件在线预览功能

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}`

}

}

相关推荐
天天扭码6 分钟前
深入讲解Javascript中的常用数组操作函数
前端·javascript·面试
猿究院_xyz7 分钟前
跟着尚硅谷学vue-day5
前端·javascript·vue.js·前端框架·html
小杰love编程10 分钟前
Django 入门指南:构建强大的 Web 应用程序
前端·django·sqlite
~heart将心比心12 分钟前
chrome://inspect/#devices 调试 HTTP/1.1 404 Not Found 如何解决
前端·chrome
黄蘑菇18 分钟前
Vue 路由组件复用不触发生命周期钩子问题及解决方案
前端
嘻嘻嘻嘻嘻嘻ys19 分钟前
《Spring Boot 3 + Java 17:响应式云原生架构深度实践与范式革新》
前端·后端
Mike_jia21 分钟前
Glances:开源跨平台监控工具的终极指南
前端
前端太佬26 分钟前
从拧螺丝到造火箭:Git高阶玩家生存报告
前端·git·github
前端太佬26 分钟前
从青铜到塑料:Git逃难指南(附救命指令大全)
前端·git·github