一个使用MS Office服务打开office文档的小技巧

接口链接为 https://view.officeapps.live.com/op/view.aspx?src=[URL] ,仅需提供需预览的office文件绝对地址即可

如使用iframe,需设置iframe的sandbox属性为 sandbox="allow-same-origin allow-scripts allow-forms",使用方法如下,也需要设置容器样式,否则显示区域较小

<iframe class="iframes" sandbox="allow-same-origin allow-scripts allow-forms" src="https://view.officeapps.live.com/op/view.aspx?src=[文档绝对地址]"></iframe>

<style>
.iframes{
    width: 100%;
    height: 800px;
}
</style>

Word文档

Powerpoint文档

Excel文档

同时也有嵌入式样式可选,接口如下:https://view.officeapps.live.com/op/embed.aspx?src=[文档绝对地址],效果如下