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

}

}

相关推荐
小满zs3 分钟前
Next.js第五章(动态路由)
前端
清沫7 分钟前
VSCode debugger 调试指南
前端·javascript·visual studio code
一颗宁檬不酸40 分钟前
页面布局练习
前端·html·页面布局
zhenryx2 小时前
React Native 自定义 ScrollView 滚动条:开箱即用的 IndicatorScrollView(附源码示例)
javascript·react native·react.js·typescript
金木讲编程2 小时前
Claude、Agent与Copilot协作生成Angular应用
前端·ai编程
振华OPPO3 小时前
Vue:“onMounted“ is defined but never used no-unused-vars
前端·javascript·css·vue.js·前端框架
欧雷殿3 小时前
在富阳银湖成立地域化的软件研发团队
前端·程序员·创业
狂炫冰美式4 小时前
前端实时推送 & WebSocket 面试题(2026版)
前端·http·面试
JefferyXZF4 小时前
新手建站零门槛!Vercel+Cloudflare+Namesilo域名购买部署全流程
前端
yinuo4 小时前
微信浏览器缓存机制大揭秘:为什么你总刷不出新页面?
前端