技术栈

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 常用函数
下一篇:音频筑基:时延、帧长选取的考量
相关推荐
雨中深巷的油纸伞
10 分钟前
vue 项目部署到iis后 浏览器刷新404
前端·javascript·vue.js
谢尔登
36 分钟前
从源码视角来看Pinia!
前端·javascript·vue.js
梦650
39 分钟前
JavaScript 循环
开发语言·javascript·ecmascript
运筹vivo@
1 小时前
攻防世界: mfw
前端·web安全·php
沛沛老爹
1 小时前
从Web到AI:行业专属Agent Skills生态系统技术演进实战
java·开发语言·前端·vue.js·人工智能·rag·企业转型
GGGG寄了
2 小时前
HTML——列表标签
前端·html5
HWL5679
2 小时前
显示器缩放和更改分辨率的区别
前端·css·vue.js·计算机外设·html5
jzshmyt
2 小时前
曼德勃罗集web可视化应用
前端
GGGG寄了
2 小时前
HTML——表格的基本用法
前端·html
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03Claude Code Skills 实用使用手册04在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)05UV安装并设置国内源06AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南07BongoCat - 跨平台键盘猫动画工具08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09Linux下V2Ray安装配置指南10Labelme从安装到标注:零基础完整指南