在HTML5中嵌入PDF

42 html pdf

我试图在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>
Run Code Online (Sandbox Code Playgroud)

Vuk*_*sić 53

以下是您可以为每个浏览器使用的代码:

<embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
Run Code Online (Sandbox Code Playgroud)

在firefox和chrome上测试过


Joh*_*ley 44

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

Google文档允许您通过使用iframe链接到其服务来嵌入PDF,Microsoft Office Docs和其他应用程序.它用户友好,多功能,有吸引力.

  • 如果您在没有Internet访问的Intranet上,这很糟糕. (12认同)
  • 当pdf需要保持私有时这是不行的......这可能涵盖了大多数用例,如果不是很重要的话. (7认同)
  • 恕我直言,这是最好的答案.排名靠前的人将依赖浏览器,并将使用可用的插件.通过使用谷歌浏览器,保证了一致的经验. (6认同)
  • 我不明白专有解决方案是如何最好的答案.如果你必须在无法访问谷歌文档的设备上工作,那你就是运气不好...回到IBM时代...... (6认同)
  • 请注意,这可能仅在相关文件不在密码或其他类型的墙后面时才有效. (5认同)

fud*_*din 16

这很完美,这是官方的html5.

<object data="https://link-to-pdf"></object>
Run Code Online (Sandbox Code Playgroud)


小智 12

你知道吗http://mozilla.github.io/pdf.js/这是mozila的一个项目,用你的画布在你的html中渲染pdf.它使用起来非常简单.


Chr*_*ers 5

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

如果用户的浏览器无法直接显示PDF,则只允许您显示备用内容.例如,对于大多数用户来说,PDF在Chrome中可以很好地显示,但如果他们使用的是Firefox或Internet Explorer,他们将需要安装Adobe Reader这样的插件.

如果浏览器尚未安装PDF插件,则至少PDFObject将允许您显示带有下载Adobe Reader和/或PDF文件的链接的消息.