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

news/2024/7/10 22:38:48 标签: pdf, javascript, es6, 前端, vue

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

}


http://www.niftyadmin.cn/n/5337109.html

相关文章

教你IntelliJ IDEA 如何配置git?

教你IntelliJ IDEA 如何配置git? 在 IntelliJ IDEA 中配置 Git 需要进行一些基本的设置,以下是一般的配置步骤: 安装 Git: 确保你的系统上已经安装了 Git。你可以从 Git 官网 下载并安装 Git。 打开 IntelliJ IDEA:…

Jet Brains 2023 开发者生态系统现状

一、前言 今天刷到Jet Brains官方发布了2023 开发者生态系统现状,这个相信大家都不陌生,我们的开发工具IDEA就是它旗下的。 分析的蛮不错的,今天整理一下,和大家一起分享。 有想法大家可以一起交流一下哈! 有兴趣的…

Civil 3D安装教程,免费使用,带安装包和工具,一分钟轻松搞的安装

前言 Civil 3D是一款面向基础设施行业的建筑信息模型(BIM)解决方案。它为基础设施行业的各类技术人员提供了强大的设计、分析以及文档编制功能,广泛适用于勘察测绘、岩土工程、交通运输、水利水电、市政给排水、城市规划和总图设计等众多领域…

软件测试工程师简历项目经验怎么写?

🔥 交流讨论:欢迎加入我们一起学习! 🔥 资源分享:耗时200小时精选的「软件测试」资料包 🔥 教程推荐:火遍全网的《软件测试》教程 📢欢迎点赞 👍 收藏 ⭐留言 &#x1…

Unity 面试篇|(六)Unity渲染与Shader篇 【全面总结 | 持续更新】

目录 1.问一个Terrain,分别贴3张,4张,5张地表贴图,渲染速度有什么区别?为什么?2.什么是LightMap?3.MipMap是什么,作用?4.请问alpha test在何时使用?能达到什么…

Cloudreve存储策略-通过从机存储来拓展容量

Sham的云服务器是搬瓦工最低低低配的,1H 0.5G不说,硬盘容量也只有10g,说实话,装了宝塔面板和服务器套件后,基本满了,这时又想在云服务器上打个网盘用于下载、存储,这时就需要拓展硬盘&#xff0…

制动盘市场分析:预计2029年将达到123亿美元

制动系统是高速列车动车组九大关键技术之一,制动性能的好坏将直接影响列车的行车安全及运行品质。制动系统按照操纵控制方式,主要分为电制动和空气制动。通常情况下,电制动和空气制动联合作用,但是在紧急制动情况下,只…

初识计算机图形学

初识计算机图形学 笔记来源:【老奇】阴差阳错 撼动世界的游戏引擎 1.MVP Transformation 详见本人博客: 1.Transformation 2.梳理从MVP变换到光栅化的过程 MVP变换将空间中3D物体投影到2D屏幕 2.Rasterization 详见本人博客: 1.Rasteri…