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

}

}

相关推荐
Hy行者勇哥16 分钟前
HTML5 + 原生 CSS + 原生 JS 网页实现攻略
javascript·css·html5
小飞侠在吗5 小时前
vue props
前端·javascript·vue.js
DsirNg6 小时前
页面栈溢出问题修复总结
前端·微信小程序
小徐_23336 小时前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·微信小程序·uni-app
大怪v6 小时前
【Virtual World 03】上帝之手
前端·javascript
招来红月8 小时前
记录JS 实用API
javascript
别叫我->学废了->lol在线等8 小时前
演示 hasattr 和 ** 解包操作符
开发语言·前端·python
霍夫曼8 小时前
UTC时间与本地时间转换问题
java·linux·服务器·前端·javascript
DARLING Zero two♡8 小时前
浏览器里跑 AI 语音转写?Whisper Web + cpolar让本地服务跑遍全网
前端·人工智能·whisper
꒰ঌ小武໒꒱9 小时前
文件上传全维度知识体系:从基础原理到高级优化
javascript·node.js