如何使用JavaScript在浏览器中呈现Word文档（.doc、.docx）？

我已经成功地完成了在浏览器中显示PDF文件而不是“打开/保存”对话框的代码。现在，我一直在试图在浏览器中显示Word文档。我想在Firefox、IE7+、Chrome等浏览器中显示Word文档

---

有人能帮忙吗？在浏览器中显示Word文档时，我总是会看到“打开/保存”对话框。我希望使用JavaScript实现此功能。

目前没有浏览器具有呈现Word文档所需的代码，而且据我所知，目前也没有用于呈现Word文档的客户端库

但是，如果您只需要显示Word文档，而不需要编辑它，则可以通过

使用Google文档查看器来显示远程托管的

.doc

/

.docx

<iframe src="https://docs.google.com/gview?url=http://remote.url.tld/path/to/document.doc&embedded=true"></iframe>

正如所指出的，需要记住的另一个重要警告是，这会将您的文档上载到第三方服务器。如果这是不可接受的，那么这种显示方法不是正确的做法

实例：

---

目前没有浏览器具有呈现Word文档所需的代码，据我所知，目前也没有用于呈现Word文档的客户端库

但是，如果您只需要显示Word文档，而不需要编辑它，则可以通过

使用Google文档查看器来显示远程托管的

.doc

/

.docx

<iframe src="https://docs.google.com/gview?url=http://remote.url.tld/path/to/document.doc&embedded=true"></iframe>

正如所指出的，需要记住的另一个重要警告是，这会将您的文档上载到第三方服务器。如果这是不可接受的，那么这种显示方法不是正确的做法

实例：

我想我有个主意。 这已经做了我的坚果在太多，我仍然有困难，让它显示在铬

在word中将文档（name.docx）保存为单个文件网页（name.mht） 在html中使用

<iframe src= "name.mht" width="100%" height="800"> </iframe>

根据需要改变高度和宽度。

我想我有个主意。 这已经做了我的坚果在太多，我仍然有困难，让它显示在铬

在word中将文档（name.docx）保存为单个文件网页（name.mht） 在html中使用

<iframe src= "name.mht" width="100%" height="800"> </iframe>

---

根据需要更改高度和宽度。

Brandon和fatbotdesigns的答案都是正确的，但在实现了Google文档预览后，我们发现了多个Google无法处理的.docx文件。切换到MS Office在线预览，工作就像一种魅力

我的建议是使用微软Office预览URL而不是谷歌的

https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' 

---

Brandon和fatbotdesigns的答案都是正确的，但是在实现了Google文档预览之后，我们发现了多个Google无法处理的.docx文件。切换到MS Office在线预览，工作就像一种魅力

我的建议是使用微软Office预览URL而不是谷歌的

https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' 

---

有几个js库可以处理从.docx（而不是.doc）到html的客户端转换（没有特定顺序）：

• -docx到html，支持大多数元素

• -支持标题、列表、表格、尾注、脚注、图像和文本框

• -在浏览器或nodejs中将DOCX文档转换为HTML

• -显然，它在浏览器中工作

---

注意：如果您正在寻找在客户端转换doc/docx文件的最佳方法，那么答案可能是不要这样做。如果您真的需要这样做，那么就在服务器端这样做，例如，使用等等。

有一些js库可以在客户端处理.docx（而不是.doc）到html的转换（无特定顺序）：

• -docx到html，支持大多数元素

• -支持标题、列表、表格、尾注、脚注、图像和文本框

• -在浏览器或nodejs中将DOCX文档转换为HTML

• -显然，它在浏览器中工作

注意：如果您正在寻找在客户端转换doc/docx文件的最佳方法，那么答案可能是不要这样做。如果您真的需要这样做，那么在服务器端这样做，例如，使用等。

有助于查看/嵌入openoffice格式，如odt、odp、ods以及pdf

用于嵌入openoffice/pdf文档

<iframe src = "/ViewerJS/#../demo/ohm2013.odp" width='700' height='550' allowfullscreen webkitallowfullscreen></iframe>

/ViewerJS/

是ViewerJS的路径

#../demo/ohm2013

是您要嵌入的文件路径

有助于查看/嵌入openoffice格式，如odt、odp、ods以及pdf

用于嵌入openoffice/pdf文档

<iframe src = "/ViewerJS/#../demo/ohm2013.odp" width='700' height='550' allowfullscreen webkitallowfullscreen></iframe>

/ViewerJS/

是ViewerJS的路径

---

#../demo/ohm2013

是要嵌入的文件路径

如果您想预处理DOCX文件，而不是等到运行时，您可以先使用文件转换API（如）将其转换为HTML。您可以使用API以编程方式将DOCX转换为HMTL，将输出保存到服务器，然后将HTML提供给最终用户

转换非常简单：

curl https://api.zamzar.com/v1/jobs \
-u API_KEY: \
-X POST \
-F "source_file=@my.docx" \
-F "target_format=html5"

这将删除对谷歌和微软服务的任何运行时依赖性（例如，如果它们关闭，或者您受到它们的速率限制）

---

如果您想预处理DOCX文件，而不是等到运行时，您可以先使用文件转换API（例如，将其转换为HTML），则还可以扩展到（PPTX、XLS、DOC等）

。您可以使用API以编程方式将DOCX转换为HMTL，将输出保存到服务器，然后将HTML提供给最终用户

转换非常简单：

curl https://api.zamzar.com/v1/jobs \
-u API_KEY: \
-X POST \
-F "source_file=@my.docx" \
-F "target_format=html5"

这将删除对谷歌和微软服务的任何运行时依赖性（例如，如果它们关闭，或者您受到它们的速率限制）

它还有一个好处