前端实现在线预览文档

前端实现在线预览文档

最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式的文档,网上查找了很多资源,各说纷纭,但是在一一尝试之后只有使用微软的预览接口才能成功,其他的会出现各种各样的问题,现在说下如何使用微软的预览接口来实现该功能

通过联机查看 Office 文档

地址如下:https://products.office.com/zh-CN/office-online/view-office-documents-online?legRedir=true&CorrelationId=41a7e6f9-67a8-4d36-ab05-b60f97952015前端实现在线预览文档_第1张图片
输入文档地址(可访问资源),点击创建URL按钮就可以生成一个新的链接:https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx

也就是说在使用的过程中可以通过‘https://view.officeapps.live.com/op/view.aspx?src=’ + url的方式打开

打开新窗口预览文件

预览文件

当前页面预览文件