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

一、pdf.js下载

1、官网地址:http://mozilla.github.io/pdf.js,下载稳定版
vue项目使用pdf.js插件实现pdf预览功能_第1张图片
2、如果无法访问github下载zip文件,可通过下方链接进行下载
https://pan.baidu.com/s/1fAk8P1TRS8xXBFGR-am6fg 提取码: mz6b

二、创建vue项目

使用vue-cli创建一个简单的vue项目
vue项目使用pdf.js插件实现pdf预览功能_第2张图片

三、vue项目引入pdf.js

将下载好的pdf.js压缩包解压缩后,复制到vue项目中
vue项目使用pdf.js插件实现pdf预览功能_第3张图片
vue项目使用pdf.js插件实现pdf预览功能_第4张图片

四、使用pdf.js

vue项目使用pdf.js插件实现pdf预览功能_第5张图片通过调用pdf.js插件中的viewer.html实现在浏览器中pdf文件的预览

你可能感兴趣的:(vue项目实现pdf预览,vue.js,javascript,前端,vscode)