iframe实现预览txt、pdf、doc、xls、ppt

最新推荐文章于 2024-08-16 11:21:40 发布

扶苏1002

最新推荐文章于 2024-08-16 11:21:40 发布

阅读量2.6k

点赞数 9

分类专栏：文件相关文章标签： pdf powerpoint iframe

本文链接：https://blog.csdn.net/qq_44741577/article/details/136863875

版权

文件相关专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何通过配置IFrame的src属性，利用微软的在线服务预览text、pdf以及doc、xls、ppt等Office文件。重点在于处理不同文件类型的预览需求，确保在安全前提下提供文件预览功能，对于非预览格式的文件则提示用户下载。

摘要由CSDN通过智能技术生成

1. text、pdf的文件预览

<iframe :src="文件的地址" frame></iframe>

2. doc、xls、ppt等office文件的预览

<iframe :src="https://view.officeapps.live.com/op/view.aspx?src=后面是文件的地址"   frame ></iframe>

我们可以看出，差别只有src的属性，所以要设置文件预览同时可以满足txt，pdf，和office类型格式的文件，只需要配置src就可以，根据文件后缀判断如果是office的类型就在url前加上https://view.officeapps.live.com/op/view.aspx?src=

注意： 文件的地址必须是http或者https的url

iframe 的宽高边框都是可配的，:width=宽的变量 :height=高的变量 :frameborder=边框的变量，no则是无边框

这些格式之外的文件没有办法预览如RAR，ZIP，会直接提醒你下载，基本完成预览的需求，重点就是预览文件前，把office文件的路径配置下，使用微软提供的在线office预览