js word 预览_Web开发中的文档在线预览解决方案，支持多种文件格式

为什么会写这篇文章？

在我们平时的开发中，会遇到用户提的各种需求，其中有一些还是不得不实现的，常见的就有文档在线预览功能，这是一个用户提出来还不好反驳的功能需求，在用户看来，这是一个在正常不过的需求，因此今天就介绍三个文档在线预览或者编辑(本质上是两种)的解决方案，希望通过本文能帮助到大家解决这样类似的需求，而且是免费的。

---

---

常见的文档预览格式要求

一般情况下，用户所要求预览的文档莫过于Office系列的或者PDF或者图片，后两者其实很简单，一般不需要费多大力气就能完美解决，基本上可以说浏览器自身就已经满足这个需求了，但是看似普通的office文档想要在线预览，特别是可能还想编辑，这样的需求可能就不是那么容易就解决了，特别上网上有很多收费的解决方案，价格较高，而且可能我们并不需要那么强大的功能，因此就会去找一些替代方案来节省成本，下面我会依次介绍这三种方案。

微软免费提供在线版本office预览

这种方式相对于后面两种方案是最简单的，这种方案的想法是来源于网易邮箱的在线预览文档功能，微软提供了免费的预览服务：

https://view.officeapps.live.com/op/view.aspx?src=你的文档地址

---

这种方式的好处显而易见，你什么都不需要做，只需要提供文档的地址就行，当然这也是有前提的，貌似是你的文档地址必须要是域名形式而且不带端口号的，也就是说这种方案只能满足文档机密性较低，而且满足上面提到的条件才行。

---

截图预览：

文章第一张图就是Excel文档的预览效果截图

---

PPT在线预览效果：

---

---

Word在线预览效果：

---

---

从预览效果来看和在Office打开无二，是一个非常不错的选择，图片或者PDF就不要使用这个了，还是用浏览器自带的吧！

自部署Office Online Server

这种方案适合大多数情况，我本人也推荐使用这种方式，因为可控性比较高，实际上就是将第一种方式搬到自己本地。部署在自己的服务器上的，本文并不讨论具体如何安装，因为其安装相对复杂，对环境要求比较高，这就是它的缺点。微软自身提供了安装教程，网络上也有很多类似的相关介绍，其使用效果和之前的截图类似，不过如果是自己部署的话是可以实现编辑功能的。

• get地址

直接搜索“msdn 我告诉你”，除非是有广告，不然应该第一个就是，然后到服务器菜单下

找到它，如下图

---

---

然后你就可以去找相关教程了，以下是微软官网的教程，大多数情况你可能还需要各种搜索

https://docs.microsoft.com/zh-cn/OfficeOnlineServer/office-online-server-overview

---

• 虚拟机安装

如果你觉得上面的方法比较复杂，或者说想先自己尝试下，那么你也可以使用下面的方案，以下方案是在收集资料的时候发现的，笔者并未有相关的环境进行测试，感兴趣的网友可以移步到以下地址查看，同时感谢网络上热爱分享的同志们

---

https://www.jianshu.com/p/c67d103484a4

---

开源的文档在线预览方案 kkFileView

这是国人开源的项目，支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4、mp3以及众多类文本如txt、html、xml、java、properties、sql、js、md、json、conf、ini、vue、php、py、bat、gitignore等文件在线预览，可以说很全面了，而且部署相对简单，具体如何部署可以到开源地址：

---

https://gitee.com/kekingcn/file-online-preview

---

效果预览，分别是word、图片和压缩文件

---

---

---

---

从预览效果上可能比不上Office Online，但是它支持的格式多，而且是开源的，主要使用spring boot，可以部署在windows、linux或者MacOS上，在windows上部署相对简单一些，最主要的还支持移动端预览!

总结

以上是我认为基本能够满足大多人需求的解决方案了，你可以针对自己的项目选择适合自己项目的方案，希望能够通过本文的介绍给大家带来一些思路，方案很多，要找到一个适合的才是最重要的！