小编典典

如何使用 JavaScript 在浏览器中呈现 Word 文档(.doc、.docx)?

all

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

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


阅读 312

收藏
2022-06-29

共1个答案

小编典典

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

但是,如果您只需要显示 Word 文档,而不需要对其进行编辑,则可以使用 Google Documents 的 Viewer via
an<iframe>来显示远程托管的.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独立呈现。

编辑:

非常感谢在评论中发布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>

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

活生生的例子:

谷歌文档查看器

微软办公室查看器

2022-06-29