Vue中如何在线预览pdf文件

6,083 阅读1分钟

某次项目的需求中要实现pdf文件的在线预览,百度了很多个实现pdf在线预览的功能,感觉看起来都是比较费劲,可能自己比较菜吧,但是总结了一下可以实现这种结果的是pdf.js

可以去pdf.js的官网下载文件: mozilla.github.io/pdf.js/gett… (官网地址)点开后选择稳定版本

下载拿到pdf.js的文件入下图 主要需要的是下面两个文件

在脚手架3中我们可以将文件夹放在public文件夹下面

1.后台返回的是服务器的文件地址

用这种方法打开

2.如果后台返回的是文件流的格式

ps:pdf.js是不支持跨域文件加载的 直接加载是不会成功的。会报 “file origin doesnot match viewer”错误。 所以我们得改变一下源码: ==>> 注销 viewer.js 的1565行即可

主要思路是将后台返回的路径或者文件流引入viewer.html文件中