如何在我的div中显示pdf文档。我正在使用HTML5和jquery来构建我的移动网站。我需要在Turnjs div 中显示我的 pdf 文档需要翻页并转到特定页面
问问题
79137 次
4 回答
28
<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
于 2012-10-26T09:28:27.940 回答
10
You can use this code:
<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
Or use Google Docs embeddable PDF viewer:
<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true"
style="width:600px; height:500px;" frameborder="0"></iframe>
于 2014-10-13T02:46:26.127 回答
5
我敢说它的名字，以免受到谴责，但您可以使用 iframe 并允许浏览器提供导航。
于 2012-10-26T09:38:15.870 回答
1
我所做的是将pdf拖到谷歌驱动器。然后，点击新的 pdf（它通常在谷歌驱动器的左上角），点击顶部的共享图标，转到高级，然后点击更改并确保点击了“公共”单选按钮。单击保存，然后单击完成。现在回到谷歌驱动器，点击pdf打开它，然后点击弹出图标（右上角，X关闭图标旁边）。pdf现在全屏后，单击：更多操作图标（三个垂直点）在那里您会发现“嵌入”机会。单击它，您将获得嵌入代码。瞧！！
注意：通过这种方式获得的 pdf 可以粘贴到您的博客或 HTML 网站中，并且文档中的任何链接都可以使用！！并且，右上方会有一个小弹出图标，悬停时，会使pdf全屏显示。而且，如果您想在页面上放置多个，可以将其弹出到一个div中。http://internetpdf.com上提供了一些示例。
约翰·伯奇
于 2016-05-14T05:31:45.540 回答