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

有人能帮忙吗?在浏览器中显示Word文档时,我总是会弹出“打开/保存”对话框。我想使用JavaScript实现这个功能。


当前回答

ViewerJS有助于查看/嵌入openoffice格式,如odt,odp,ods和pdf。

用于嵌入openoffice/pdf文档

<iframe src = "/ViewerJS/#../demo/ohm2013.odp" width='700' height='550' allowfullscreen webkitallowfullscreen></iframe>

/ViewerJS/是ViewerJS的路径

# . ./demo/ohm2013是你想嵌入的文件的路径

其他回答

ViewerJS有助于查看/嵌入openoffice格式,如odt,odp,ods和pdf。

用于嵌入openoffice/pdf文档

<iframe src = "/ViewerJS/#../demo/ohm2013.odp" width='700' height='550' allowfullscreen webkitallowfullscreen></iframe>

/ViewerJS/是ViewerJS的路径

# . ./demo/ohm2013是你想嵌入的文件的路径

有一些JS库可以在客户端处理。docx(不是。doc)到HTML的转换(没有特定的顺序):

https://github.com/lalalic/docx2html (npm) - docx到html,支持大多数元素,在浏览器或nodejs中工作 https://github.com/mwilliamson/mammoth.js -支持标题,列表,表格,尾注,脚注,图像和文本框 https://github.com/artburkart/docx2html -显然,在浏览器中工作

注意:如果您正在寻找在客户端转换doc/docx文件的最佳方法,那么答案可能是不要这样做。如果你真的需要这样做,那么就在服务器端进行,即在headless模式下使用libreoffice, apache-poi (java), pandoc等。

如果您的数据是机密的,这是一个很好的解决方案

由于这些文件是机密的,不应该在第三方资源上处理。 这个解决方案是开源的:

在服务器端:使用Gotenberg将word和excel文件转换为PDF。注:Gotenberg的工作就像一个魅力,它是基于LibreOffice引擎。 前端:用javascript渲染PDF文件非常容易。(你可以使用pdf.js, react-pdf等库)

Brandon和fatbotdesigns的答案都是正确的,但在实现谷歌文档预览后,我们发现谷歌无法处理多个.docx文件。切换到MS Office在线预览和工作就像一个魅力。

我的建议是使用MS Office预览URL,而不是谷歌。

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

我想我有主意了。 这一直在做我的坚果在太,我仍然有麻烦让它显示在Chrome。

将word文件(name.docx)保存为单个文件网页(name.mht) 在你的html使用中

<iframe src= "name.mht" width="100%" height="800"> </iframe>

根据你的需要调整高度和宽度。