写点什么

Vue 中如何在线预览 pdf 文件

用户头像
y
关注
发布于: 2021 年 03 月 30 日

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


可以去 pdf.js 的官网下载文件: http://mozilla.github.io/pdf.js/getting_started/#download

(官网地址)点开后选择稳定版本



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



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


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


用这种方法打开


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



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



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


用户头像

y

关注

还未添加个人签名 2019.08.05 加入

还未添加个人简介

评论

发布
暂无评论
Vue中如何在线预览pdf文件