js在线预览office文件的示例代码

方法一：

用微软的office online进行在线预览

https://view.officeapps.live.com/op/view.aspx?src=文件地址
只能查看
'doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'类型

方法二：

用docx云服务的在线预览，用法跟微软差不多，可以实现图片

http://view.xdocin.com/xdoc?_xdoc=文件地址
具体文档

 window.open("", "newwin",`http://view.xdocin.com/xdoc?_xdoc=${url}`)

方法三： 

pfile 

http://www.pfile.com.cn/api/profile/onlinePreview?url=文件地址

参考代码
window.open('http://www.pfile.com.cn/api/profile/onlinePreview?url='+encodeURIComponent(“文档地址”));

汇总：

前提是后端提供的文件地址是要公开可访问的链接，比如我们这里是将文件上传到华为云的。文件只支持查看，不能编辑。