vue项目使用pdf.js插件实现pdf预览功能

一、pdf.js下载

1、官网地址:http://mozilla.github.io/pdf.js,下载稳定版
在这里插入图片描述
2、如果无法访问github下载zip文件,可通过下方链接进行下载
https://pan.baidu.com/s/1fAk8P1TRS8xXBFGR-am6fg 提取码: mz6b

二、创建vue项目

使用vue-cli创建一个简单的vue项目
在这里插入图片描述

三、vue项目引入pdf.js

将下载好的pdf.js压缩包解压缩后,复制到vue项目中
在这里插入图片描述
在这里插入图片描述

四、使用pdf.js

在这里插入图片描述通过调用pdf.js插件中的viewer.html实现在浏览器中pdf文件的预览

猜你喜欢

转载自blog.csdn.net/weixin_41207479/article/details/127031064