如何嵌入 PDF？答案

【问题标题】：How to embed a PDF?如何嵌入 PDF？
【发布时间】：2013-01-19 08:16:48
【问题描述】：

我正在尝试在 HTML 文档中嵌入 PDF，但这似乎仅适用于 Chrome。其他浏览器似乎要么需要插件，要么需要用户单击我不想要的链接。这是我尝试过的：

<object data="pdfFiles/interfaces.pdf" type="application/pdf">
    <embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&nbsp;</embed>
                    alt :<a href="pdfFiles/interfaces.pdf">
</object>

【问题讨论】：

alt 标签仅用于发短信
为了在网页中显示 PDF，您需要一个插件。 Chrome 恰好内置了一个。
您为什么不添加超链接有什么原因吗？例如<a href="pdfFiles/interfaces.pdf">Relais D2D</a>
@spanliffe 我不想要超链接，因为我只是希望用户在浏览器中打开 pdf 文件，并将 pdf 嵌入到不同的页面中

标签： html pdf

【解决方案1】：

以下是您可以在每个浏览器中使用的代码：

<embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

在 Firefox 和 chrome 上测试

【讨论】：

【解决方案2】：

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

Google 文档允许您嵌入 PDF、Microsoft Office 文档和其他应用程序，只需使用 iframe 链接到它们的服务即可。其用户友好、用途广泛且具有吸引力。

【讨论】：

恕我直言，这是最好的答案。票数最高的将取决于浏览器，并将使用可用的插件。通过使用 google viewer ，可以保证一致的体验。
请注意，这可能仅在相关文件不在密码或其他类型的墙后面时才有效。
如果您在无法访问 Internet 的 Intranet 上，这很糟糕。
我不明白专有解决方案如何是最佳答案。如果您必须在无法访问 google 文档的设备上工作，那您就倒霉了……回到 IBM 时代……
当 pdf 需要保持私有时不可行......这可能涵盖了大多数用例，如果不是一个重要的块的话。

【解决方案3】：

这很好用，这是官方的 html5。

<object data="https://link-to-pdf"></object>

【讨论】：

它适用于所有浏览器，但它不适用于移动设备上的 Google crome。

【解决方案4】：

你知道http://mozilla.github.io/pdf.js/ 这是 mozila 的一个项目，它使用画布在你的 html 中呈现 pdf。使用起来超级简单。

【讨论】：

如果你正在使用 reactJS，请检查这个项目github.com/wojtekmaj/react-pdf

【解决方案5】：

我建议使用PDFObject 进行 PDF 插件检测。

这将只允许您在用户的浏览器无法直接显示 PDF 时显示替代内容。例如，对于大多数用户来说，PDF 可以在 Chrome 中正常显示，但如果他们使用的是 Firefox 或 Internet Explorer，则需要安装 Adobe Reader 之类的插件。

如果他们的浏览器尚未安装 PDF 插件，至少 PDFObject 将允许您显示一条消息，其中包含下载 Adobe Reader 和/或 PDF 文件本身的链接。

【讨论】：

【解决方案6】：

FlexPaper 可能仍然是用于此类内容的最佳查看器。它在 Flash 和 html5 中都有一个传统的查看器和一个更翻页/翻书样式的查看器

http://flexpaper.devaldi.com

【讨论】：

现在是 FlowPlayer，免费版本有很大的限制（例如 10 页限制）：flowpaper.com/download