如何使用html5和jquery在网页中显示pdf内容？

Question

如何在我的div中显示pdf文档。 我正在使用HTML5和jquery来构建我的移动网站。 我需要在Turnjs div中显示我的pdf文档需要翻页并转到特定页面

Answer 1

<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div> 

阅读此主题 - http://www.webdeveloper.com/forum/showthread.php?152923-PDF-within-a-DIV

Answer 2

您可以使用此代码：

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

或使用Google Docs嵌入式PDF查看器：

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

Answer 3

我敢说它的名字是因为害怕受到严厉惩罚，但你可以使用iframe并允许浏览器提供导航。

Answer 4

我所做的是将pdf拖到谷歌驱动器。 然后，单击新的pdf（它通常位于谷歌驱动器的左上角），单击顶部的共享图标，转到高级 ，然后单击更改并确保单击“公共”单选按钮。 单击“ 保存” ，然后单击“ 完成” 。 现在返回谷歌驱动器，点击pdf打开它，然后单击弹出图标（右上角，X关闭图标旁边）。 一旦pdf现在全屏，单击：更多操作图标（三个垂直点）在那里您将找到“嵌入”机会。 单击它，您将获得嵌入代码。 瞧！

注意：以这种方式获得的pdf将准备好粘贴到您的博客或HTML网站中，并且文档中的任何链接都可以使用!! 并且，在悬停时，右上方会有一个Pop-out图标，使pdf全屏显示。 并且，如果您想在页面上放置多个，则可以将其弹出为div 。 http://internetpdf.com上有一些例子。

约翰伯奇