在iframe中查看PDF或MS Office文档

Question

我正在尝试在iframe中显示不同类型的文件。它适用于文本，图像和pdf文件，但不适用于MS Office或Open Office文档。有没有办法做到这一点？此外，它会自动开始下载无法打开的文件，有没有办法阻止这种自动下载的发生？

Answer 1

您可以使用此库添加对PDF和Open Office文档的支持。

http://viewerjs.org/

如果您需要iframe以匹配文档的大小，则可以将其与此库结合使用。

https://github.com/davidjbradshaw/iframe-resizer

Answer 2

只需在IFrame中设置src属性即可： https://docs.google.com/viewer?embedded=true&url= {DirectPdfUrl}

DirectPdfUrl是PDF文件的直接链接（必须在线提供，不能在本地提供！）

Answer 3

Microsoft现在提供了一个不错的Web查看器explained here

它仅适用于某些http端点上公开可用的文件，但幸运的是，它们确实允许您将其添加到iframe中。只需将您的文件名附加为此链接的src：

view.officeapps.live.com/op/view.aspx?src=

对我来说，一个更有趣的解决方案是四处寻找在命令行上使用开放式办公室的方法。它具有将Microsoft文档转换为开放式办公格式的功能，此时您可以使用开源http://viewerjs.org/并自行托管它，如果这是您的风格。