vue里使用pdf.js实现pdf文件的预览功能 |
您所在的位置:网站首页 › pdfjs预览pdf图片丢失 › vue里使用pdf.js实现pdf文件的预览功能 |
引言:经过上一篇文章的测试,发现了以下问题: 兼容性不好不适用多语言场景(不能共用一套)会出现跨域问题难于监控阅读状态不能控制下载状态在基于vue开发的移动项目中,如果预览的pdf数量不是很多的话,是可以使用 vue-pdf 的,因为在实际开发测试中,ios系统依次预览多个pdf文件会出现白屏的现象,android系统不会出现。但是此时也很难监控阅读状态,所以最后采用pdf.js来实现业务需求。 目录: 实现效果1.下载pdfjs 2.放在项目中位置 3.在页面中使用 4.出现问题 5.更改源码 实现效果 1.下载pdfjs 官网: http://mozilla.github.io/pdf.js/getting_started/#download
代码实现: export default {name: "myTestTwo",data(){return {url:'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf',src:''}},mounted() {this.getUrl();},methods :{getUrl:function () {this.src = '/pdfplugin/web/viewer.html?file=' + this.url}}}效果展示: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |