前端-Excel在线预览

前端-Excel在线预览

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

实现

xls/xlsxwordppt 在线预览功能最简单的实现方式就是调用微软 联机查看 或或者谷歌的在线预览功能。

  • 微软接口实现

必须为 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')

复制代码

总结

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

转载于:https://juejin.im/post/5d1d5ac3e51d454fbe24a6e9

你可能感兴趣的:(前端-Excel在线预览)