50

我正在尝试在 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>
4

6 回答 6

60

以下是可用于每个浏览器的代码：

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

在 Firefox 和 chrome 上测试

于 2013-02-04T16:15:59.900 回答
55 
<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

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

于 2015-04-28T15:00:14.360 回答
28

这完美地工作，这是官方的html5。

<object data="https://link-to-pdf"></object>
于 2016-05-09T14:20:54.523 回答
16

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

于 2017-03-06T23:52:51.970 回答
6

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

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

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

于 2013-02-04T16:20:41.827 回答
-1

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

http://flexpaper.devaldi.com

于 2013-10-03T03:21:33.317 回答