我已经成功完成了在浏览器中显示 PDF 文件而不是“打开/保存”对话框的代码。现在,我一直在尝试在浏览器中显示 Word 文档。我想在 Firefox、IE7+、Chrome 等中显示 Word 文档。
任何人都可以帮忙吗?在浏览器中显示 Word 文档时,我总是得到“打开/保存”对话框。我想使用 JavaScript 实现这个功能。
目前没有浏览器具有呈现 Word 文档所需的代码,据我所知,目前也没有用于呈现它们的客户端库。
但是,如果您只需要显示 Word 文档,而不需要对其进行编辑,则可以使用 Google Documents 的 Viewer via an<iframe>来显示远程托管的.doc/ .docx。
<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>
正如所指出的,要记住的一个更重要的警告是,这会将您的文档上传到第三方服务器。如果这是不可接受的,那么这种显示方法就不是正确的做法。
活生生的例子:
谷歌文档查看器
微软办公室查看器