嵌入HTML5 PDF文件(Embed a PDF in HTML5)

2019-07-19 06:17发布

我试图嵌入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>

Answer 1:

这里是你可以使用每个浏览器的代码:

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

测试在Firefox和Chrome



Answer 2:

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

谷歌文档可让您嵌入PDF文件,微软Office文档,并通过只是链接到他们的服务的iframe其他应用程序。 其人性化,多功能,和有吸引力的。



Answer 3:

这完美的作品,这是官方的HTML5。

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


Answer 4:

你了解http://mozilla.github.io/pdf.js/它是一个项目通过mozila呈现使用画布你的HTML里面的PDF。 它是超级简单易用。



Answer 5:

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

这将只允许你显示的替代内容的用户的浏览器不能够直接虽然显示的PDF。 例如,PDF会在Chrome中显示效果细腻对于大多数用户,但他们需要,如果他们使用Firefox或Internet Explorer安装像Adobe阅读器的插件。

至少PDFObject将让你一个链接到下载Adobe Reader和/或PDF文件本身显示一条消息,如果他们的浏览器还没有安装PDF插件。



Answer 6:

FlexPaper很可能仍然在那里被用于这种东西最好的浏览器。 它有一个传统的浏览器,并在两者Flash和HTML5更翻页/翻页书风格观众

http://flexpaper.devaldi.com



文章来源: Embed a PDF in HTML5