前端实现Word在线预览

因为项目需要，要实现在浏览器端在线预览word文档，根据文档url动态预览文件内容。因为浏览器不支持word格式。所以在浏览器端语言word的方法也就有以下几种。

• 转为pdf，然后预览

因为浏览器支持pdf预览，这种方法也不错，缺点是需要开发后端代码

• 转为html，然后预览

缺点是转为html后格式混乱，十分麻烦，图片也是问题

• 利用微软提供的接口

“https://view.officeapps.live.com/op/view.aspx?src=”的后面拼上你的服务器word文件地址。反正我试了好几次都是解析失败

• 利用XDOC实现在线预览

格式有变化，整体还正看，比较简单

利用XDOC实现word在线预览

注册

注册过程十分简单，输入邮箱，两个key直接发送到你的邮箱，注册地址http://www.xdocin.com/xdoc?_func=resource

替换url，只要替换下面url中的key为你的只读key和文档地址就可以

http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_key=你的只读key&_xdoc=你的文档地址

demo

 window.open(
          "http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_key=wqnpflggfjhezbemadrpe4u5xe&_xdoc=http://sss123.cn:8089/oss/files/1234455.doc",
          "_blank"
        );

效果预览