技术栈

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

Tongfront2024-01-21 1:30

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

}

}

上一篇:excel 常用函数
下一篇:音频筑基:时延、帧长选取的考量
相关推荐
前端Hardy
7 分钟前
HTML&CSS:有趣的漂流瓶
前端·javascript·css
前端Hardy
8 分钟前
HTML&CSS :惊艳 UI 必备!卡片堆叠动画
前端·javascript·css
无羡仙
32 分钟前
替代 Object.freeze 的精准只读模式
前端·javascript
web前端123
42 分钟前
Java客户端开发指南 - 与Web开发对比分析
前端
龙在天
43 分钟前
前端 9大 设计模式
前端
搞个锤子哟
43 分钟前
网站页面放大缩小带来的问题
前端
hj5914_前端新手
44 分钟前
React 基础 - useState、useContext/createContext
前端·react.js
半花
1 小时前
【Vue】defineProps、defineEmits 和 defineExpose
前端·vue.js
霍格沃兹_测试
1 小时前
软件测试 | 测试开发 | H5页面多端兼容测试与监控
前端
toooooop8
1 小时前
本地开发环境webScoket调试,保存html即用
前端·css·websocket
热门推荐
01UV安装并设置国内源022025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!032025年数学建模国赛C题超详细解题思路04A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程05不再让Windows更新!&Edge游戏助手卸载及关闭自动更新06KGG转MP3工具|非KGM文件|解密音频07UV 工具安装与国内镜像源配置指南082025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定09教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员102025高教社杯国赛数学建模选题建议+初步分析