Vue做pdf文件预览下载,vue预览excel文档

　　本文主要介绍了vue预览pdf、word、xls、ppt、txt文件的实现方法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　我们来说说以下几种方法：1。添加iframe2。word，xls，ppt文件到页面。3.最终效果：首先说一下为什么要分享：我们在网上教的都是特别的东西！真是垃圾！各种方法都说不到点子上！真是气死我了！还有那群只能复制粘贴的帖子！我会自己不考就复制粘贴别人的，然后发出去误导人。我真的醉了！

说下方法

1. 在页面内加个 iframe

　　src的地址是要显示的文件的地址。

　　这里我用的是elementui。如果用别的，就用iframe。

2. word、xls、ppt这些文件

　　使用微软的官方预览地址

　　注：1。文件地址必须是公共的；2.无法访问静态资源

　　最后，您所能控制的只是src地址。

　　微软地址：https://view.officeapps.live.com/op/view.aspx? Src=你的文件地址

　　这里我只是控制imgVisbleURL变量，然后iframe的src取这个变量的地址。

3. 最终效果

　　（1）txt

　　（2）word、xls、ppt

　　（3）pdf

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。