doc⽂件在线预览vue_vue实现在线预览pdf⽂件和下载
（pdf.js）
最近做项⽬遇到在线预览和下载pdf⽂件，试了多种pdf插件，例如dia.js(ie⽆法直接浏览)
最后选择了pdf.js插件(兼容ie10及以上、⾕歌、安卓，苹果)
强烈推荐改插件，以下介绍⽤法
(1)下载插件
(2)将下载构建后的插件放到⽂件中public(vue/cli 3.0)
(3)在vue⽂件中直接使⽤，贴上完整代码
export default {
name: "pdf",
data() {
软件测试培训机构包就业
return {
pSrc:'',支付宝源代码是什么意思
};
},
外贸自建网站methods: {
loadPDF () {clonenode复制属性
//baseurl ：pdf存放的⽂件路径，可以是本地的，也可以是远程，这个是远程的，亲测可以⽤
let baseurl = 'image.cache.timepack/nodejs.pdf';
//ie有缓存加个随机数解决 + '?r=' + new Date()
金山表单填写后无法查看let pSrc = baseurl + '?r=' + new Date();
this.pSrc = '../../plugin/pdf/web/viewer.html?file=' + encodeURIComponent(pSrc) + '.pdf';
},
},
mounted: function() {
this.loadPDF();
}
};
.wrap{
jquery下载文件请求
position: fixed;
top: 0;
left: 0;
width: 100%;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。