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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (484)

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

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

提问于
用户回答回答于

目前没有浏览器具有渲染Word文档所需的代码,并且据我所知,目前还没有用于渲染它们的客户端库。

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

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

解决方案从“ 如何使用fancybox显示word文档 ”改编而来。

例:

jsfiddle

但是,如果您希望获得本机支持,那么在大多数情况下(即使不是所有浏览器),我都建议将.doc/ 保存.docx为PDF文件。这些也可以使用Mozilla的PDF.js独立呈现。

<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>

用户回答回答于

Brandon和fatbotdesigns的答案都是正确的,但是通过实施Google文档预览,我们发现了Google无法处理的多个.docx文件。切换到MS Office Online预览并且工作起来就像一个魅力。

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

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

扫码关注云+社区