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

Question

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

任何人都可以帮忙吗？在浏览器中显示 Word 文档时，我总是得到“打开/保存”对话框。我想使用 JavaScript 实现这个功能。

原文由 Pankaj 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

但是，如果您只需要显示 Word 文档而不需要对其进行编辑，则可以通过 <iframe> 使用 Google Documents 的查看器来显示远程托管的 .doc / .docx 。

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

解决方案改编自“ How to display a word document using fancybox ”。

例子：

JSFiddle

但是，如果您希望在大多数（如果不是所有）浏览器中获得本机支持，我建议将 .doc / .docx 重新保存为 PDF 文件。这些也可以由 Mozilla 使用 PDF.js 独立呈现。

编辑：

非常感谢 cubeguerrero 在评论中发布 Microsoft Office 365 查看器。

 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> document, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>

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

活生生的例子：

谷歌文档查看器

微软办公室查看器

原文由 Brandon Anzaldi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

Brandon 和 fatbotdesigns 的回答都是正确的，但是在实施了 Google 文档预览后，我们发现了多个 Google 无法处理的 .docx 文件。切换到 MS Office Online 预览版，效果非常好。

我的建议是使用 MS Office 预览 URL 而不是 Google 的。

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

原文由 kernelmann 发布，翻译遵循 CC BY-SA 3.0 许可协议