vue使用最简单的方法预览pptx、docx、xlsx文件

pptx、docx、xlsx文件要用微软官方的预览地址

微软解析地址

https://view./op/view.aspx?src=你的文件地址

注意 1. 文件地址必须公网 2. 静态资源不要有访问权限

例如

https://view./op/view.aspxsrc=http://139.9.38.7/%E6%B5%8B%E8%AF%95.pptx# http://139.9.38.7/%E6%B5%8B%E8%AF%95.pptx 是我自己在华为云上部署的一个pptx的文件 # 然后可以直接达到预览的效果

在代码里使用

<!-- 预览ppt文件--><div>{{ fileInfoForm.filePathLocal }}<iframe :src="'/view?src=' + fileInfoForm.filePathLocal"style="width: 100%; height: 750px;"></iframe></div>

iframe 标签 元素会创建包含另外一个文档的内联框架（即行内框架）

效果