在div中显示Adobe pdf

53

是的，你可以。

请参阅从以下线程代码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图像。）

来源

2010-07-04 12:10:29

+2

代码：

– 2010-10-29 11:14:51

-4

我不认为你可以。您可能需要使用Iframe。

来源

2010-04-29 19:50:30

1

我们使用这个在我们的网站

http://issuu.com/smartlook

它是一个非常定制你的浏览器中显示PDF格式的直接。如果你不反对这样的事情，它基本上将PDF寄存在闪存对象中。

这是我们公司网站的sample。

来源

2010-04-29 19:51:55

+0

这很酷。 – 2010-04-29 20:21:22

-1

您可以创建一个图像的缩略图，并使用类似 http://orangoo.com/labs/GreyBox/

来源

2010-04-29 19:58:03

-1

其链接到实际的PDF作为内联弹出你不能，这里是一个简单的答案。

注入浏览器的每个媒体资源均由MIME类型名称标识。然后浏览器根据该MIME类型名称进行处理确定。如果它是image/gif或image/jpeg，浏览器会将该资产处理为图像。如果是text/css或text/javascript，那么它将作为代码资产进行处理，除非该资产是独立于HTML寻址的。 PDF被确定为application/pdf。当浏览器看到application/pdf时，他们立即将处理切换到能够处理该媒体类型的插件软件。如果您尝试将application/pdf类型的媒体推入div，浏览器可能会向用户抛出错误。通常，应用程序/ pdf类型的文件直接链接，以便处理软件拦截请求并处理独立于浏览器的媒体。

来源

2010-04-29 21:13:33

+3

总是一个不好的主意，说“不能”，因为有人会立即出现并显示一个替代方案（如@Ron膝盖:) :) – 2015-06-26 16:46:28

+2

那些相信一些行动是不可能的人应该阻止那些正在做它的人。 – UncaAlby 2016-03-18 20:49:31

-2

可能是你可以通过使用AJAX或jQuery来做...
只需在一个页面上发送该文件的URL，然后打开该页面中的常开PDF文件并使用ajax。

1）因此，只要用户点击按钮。那么你就把这个功能称为高于你的功能。所以通过这种方式，将只有一个页面，并且可以显示尽可能多的pdf而无需刷新页面。

2）如果你不有很多PDF，如果你不知道，然后刚才上传的文件上google docs ，然后干脆把共享链接文件....然后只使用AJAX或jQuery的。

如果你没有使用AJAX，我更喜欢jQuery。

来源

2010-04-29 21:37:25 Nitz

0

我认为它不起作用，因为您的z-index属性不适用于pdf（任何外部对象）。因此，当您在PDF视图边界添加任何控件时，它将出现在pdf视图的后面。

来源

2016-07-14 05:13:36

1

您可以使用Javascript库PDF.JS在div内显示PDF。 PDF的大小可以根据div的大小进行调整。您也可以设置事件处理程序来移动到PDF的下一页/上一页。

您可以通过结帐PDF.JS Tutorial - How to display a PDF with Javascript了解如何将PDF.JS集成到您的HTML代码中。

来源

2017-05-31 05:48:40

在div中显示Adobe pdf

回答

相关问题