在 div 或 iFrame 中显示 PDF 文件答案

【问题标题】：Displaying PDF file in a div or iFrame在 div 或 iFrame 中显示 PDF 文件
【发布时间】：2013-03-03 15:33:29
【问题描述】：

有什么方法可以在 div 或 iFrame 中加载 PDF 文件（其内容）？

我在服务器上有一堆 PDF 文件，理想情况下，我需要在页面上有一个“显示文件”按钮，单击该按钮会将所选文件的内容加载到 div(iFrame) 中。

【问题讨论】：

在 PDF 中使用 IFrame 会在每个浏览器中不一致。使用 div 可能是将 PDF 嵌入网页的最佳选择，您可以使用 PDFObject：pdfobject.com/instructions.php

【解决方案1】：

您也可以通过在您的页面上使用iframe 来使用google pdf 视图：

<iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

而不是上面代码中的这个：

http://infolab.stanford.edu/pub/papers/google.pdf

使用您自己的PDF 文件路径。

您可以在此处查看demo。

http://googlesystem.blogspot.in/2009/09/embeddable-google-document-viewer.html

这只是一个建议。请不要投反对票。

【讨论】：

嗯.. 我不认为将 url 发送到谷歌是一个好主意。内容是私有数据。
@DeadMan 这适用于非私有数据。绝对值得一票；）
@Fred 谢谢你的鼓励。

【解决方案2】：

Google 的 gview 有时无响应并出现 204 状态。这是最好的免费选择。 https://stackoverflow.com/a/66548544/2078462

【讨论】：