前端-Excel在线预览

最近项目中有一个 Excel 预览的需求，就调研了一下 xls/xlsx、word、ppt 文件在线预览功能的实现 。

实现

xls/xlsx、word、ppt 在线预览功能最简单的实现方式就是调用微软 或或者谷歌的在线预览功能。

• 微软接口实现

必须为 http:// 或 https:// 形式，文档必须是 Word、Excel 或 PowerPoint 文档

// 文件的下载地址(可直接访问的)fileUrl // 将 URL encode 一下；let newFileUrl = encodeURIComponent(fileUrl) // 预览window.open(`https://view.officeapps.live.com/op/view.aspx?src=`${newFileUrl}, '_blank')复制代码

需要注意的就是： 得到下载的地址一定要将 URL 转码一下，刚开始看时，没有注意到这个点，是个小坑。

• 谷歌实现

window.open(`https://docs.google.com/viewer?url=`${fileUrl}, '_blank')复制代码

总结

• 这两种都是免费的，预览是只读的，不可编辑。