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

}

}

相关推荐
觉醒法师2 分钟前
HarmonyOS开发 - 电商App实例二( 网络请求http)
前端·http·华为·typescript·harmonyos·ark-ts
沈剑心2 分钟前
Kotlin的协程,真能提升编程效率么?
android·前端·kotlin
堕落年代13 分钟前
Vue主流的状态保存框架对比
前端·javascript·vue.js
没资格抱怨15 分钟前
el-pagination的使用说明
javascript·vue.js·elementui
OpenTiny社区24 分钟前
TinyVue的DatePicker 组件支持日期面板单独使用啦!
前端·vue.js
冴羽24 分钟前
Svelte 最新中文文档教程(22)—— Svelte 5 迁移指南
前端·javascript·svelte
树上有只程序猿28 分钟前
Vue3组件通信:多个实战场景,轻松玩转复杂数据流!
前端·vue.js
青红光硫化黑33 分钟前
React基础之useEffect
javascript·react.js·ecmascript
剪刀石头布啊36 分钟前
css属性值计算过程
前端·css
Nine eight seven four37 分钟前
pdf修改内容:分享5款好用的工具
pdf