在div中显示Adobe pdf
是的,你可以。
请参阅从以下线程代码2007:PDF within a DIV
<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div>
它采用<object>
,可以用CSS设置样式,所以你可以漂浮他们,给他们边框等
(最后,我编辑了我的pdf文件以删除大的边框并将它们转换为jpg图像。)
我不认为你可以。您可能需要使用Iframe。
这很酷。 – 2010-04-29 20:21:22
其链接到实际的PDF作为内联弹出你不能,这里是一个简单的答案。
注入浏览器的每个媒体资源均由MIME类型名称标识。然后浏览器根据该MIME类型名称进行处理确定。如果它是image/gif或image/jpeg,浏览器会将该资产处理为图像。如果是text/css或text/javascript,那么它将作为代码资产进行处理,除非该资产是独立于HTML寻址的。 PDF被确定为application/pdf。当浏览器看到application/pdf时,他们立即将处理切换到能够处理该媒体类型的插件软件。如果您尝试将application/pdf类型的媒体推入div,浏览器可能会向用户抛出错误。通常,应用程序/ pdf类型的文件直接链接,以便处理软件拦截请求并处理独立于浏览器的媒体。
总是一个不好的主意,说“不能”,因为有人会立即出现并显示一个替代方案(如@Ron膝盖:) :) – 2015-06-26 16:46:28
那些相信一些行动是不可能的人应该阻止那些正在做它的人。 – UncaAlby 2016-03-18 20:49:31
可能是你可以通过使用AJAX或jQuery来做...
只需在一个页面上发送该文件的URL,然后打开该页面中的常开PDF文件并使用ajax。
1)因此,只要用户点击按钮。那么你就把这个功能称为高于你的功能。所以通过这种方式,将只有一个页面,并且可以显示尽可能多的pdf而无需刷新页面。
2)如果你不有很多PDF,如果你不知道,然后刚才上传的文件上google docs ,然后干脆把共享链接文件....然后只使用AJAX或jQuery的。
如果你没有使用AJAX,我更喜欢jQuery。
我认为它不起作用,因为您的z-index属性不适用于pdf(任何外部对象)。因此,当您在PDF视图边界添加任何控件时,它将出现在pdf视图的后面。
您可以使用Javascript库PDF.JS在div内显示PDF。 PDF的大小可以根据div的大小进行调整。您也可以设置事件处理程序来移动到PDF的下一页/上一页。
您可以通过结帐PDF.JS Tutorial - How to display a PDF with Javascript了解如何将PDF.JS集成到您的HTML代码中。
代码: