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

javascript browser ms-word

2022-08-30 01:13:06

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

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

答案 1

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

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

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

解决方案改编自“如何使用花式框显示Word文档”。

例：

JSFiddle

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

编辑：

非常感谢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所指出的那样，要记住的另一个重要警告是，这会将您的文档上传到第三方服务器。如果这是不可接受的，那么这种显示方法就不是正确的做法。

示例示例：

谷歌文档查看器

Microsoft Office Viewer

答案 2

Brandon和fatbotdesigns的答案都是正确的，但是在实施了Google文档预览版之后，我们发现多个.docx文件无法由Google处理。切换到MS Office Online预览版，并像吊饰一样工作。

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

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