admin管理员组

文章数量:1122946

vue预览word,excel,pptx,pdf文件

vue预览word，excel，pptx，pdf文件

1、做word，excel，pptx的预览，要先确定文件路径访问是通过域名的url来预览，不可以通过IP的url来访问

先把文件路径的url进行url编码（encodeURIComponent）

let router = '=file.obj_id'  //文件路径
let url = encodeURIComponent(routeUrl)

然后用Office Web Viewer的路径接口

.aspx?src=

把两个拼接在一起

let officeUrl = '.aspx?src='+url
window.open(officeUrl,'_target')

这样就可以预览word，excel，pptx文件了

完整的代码

let routeUrl = '=file.obj_id'
let url = encodeURIComponent(routeUrl)
let officeUrl = '.aspx?src='+url
window.open(officeUrl,'_target')

2、pdf文件预览

下载好pdf.js(下载地址在下面)，放到static的目录下面

网站链接：.js/getting_started/#download

百度网盘：链接: 提取码: pucv

然后

<div style="height:800px;"><iframe :src="pdfSrc" width="100%" height="100%"></iframe>
</div>

getSeePdf(file){this.pdffile=filelet routeUrl = '文件地址url';let pSrc = routeUrl + '?r=' + new Date();this.pdfSrc = 'static/pdf/web/viewer.html?file=' + encodeURIComponent(pSrc) + '.pdf';},

本文标签： vue预览wordEXCELpptxpdf文件

版权声明：本文标题：vue预览word,excel,pptx,pdf文件 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1688264106a198942.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。