> 记录前端预览word文档的需求实现 ## 方案一：XDOC文档预览可以使用XDOC文档预览云服务来进行word文件的在线预览，直接去网站体验就知道怎么用了。 [https://view.xdocin.com/](https://view.xdocin.com/) ### 使用方法 ```js https://view.xdocin.com/view?src=你的文档地址 ``` 例如：[https://view.xdocin.com/view?src=https%3A%2F%2Fview.xdocin.com%2Fdemo%2Fview.docx](https://view.xdocin.com/view?src=https%3A%2F%2Fview.xdocin.com%2Fdemo%2Fview.docx) ### 优点： 1. 实现简单，只需要将文件地址拼在url参数中即可，且在页面会生成对应的目录结构。 2. 文档地址也可以是IP地址。 ### 缺点： 1. 缺少了首行缩进、页面间距等效果 2. 文档地址必须是对外可访问的，内网则无法使用该方案 3. ## 方案二：使用微软官方提供的在线预览工具(限制较多，不推荐) ### 使用方法： ```js https://view.officeapps.live.com/op/view.aspx?src=你的文件的地址 ``` ### 优点：无 ### 缺点： 1. 文件的地址只能是域名，且不能包含端口号 2. 与XDOC文档预览一样文档地址必须是对外可访问的，内网无法使用该方案 ## 方案三：使用docx-preview插件预览docx后缀文件 ### 使用方法 ```html ``` 可以在以下网址上传word文档体验预览： [https://volodymyrbaydalka.github.io/docxjs/](https://volodymyrbaydalka.github.io/docxjs/) ### 优点： 1. 样式与word打开基本一直，不会像XDOC文档预览一样没有了首行缩进 2. 接口返回文件流即可预览，内网也可以实现 ### 缺点： 1. 只能预览后缀为`.docx`的word文档，无法预览后缀为`.doc`的文档(如果实在要预览`doc`文件，可以考虑让后端复制源文件转成`docx`类型后返回前端文件流即可) 2. 无法像XDOC文档预览一样生成对应的目录