Question

我有一个用户必须看到的pdf文件，然后点击“我同意”按钮。如何在div中显示pdf？

Answer 1

是的，你可以。

请参阅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图像。）

Answer 2

这是另一种通过使用Iframe来在Div内部显示PDF的方法，如下所示。

<div>
  <iframe src="/pdf/test.pdf" style="width:100%;height:700px;"></iframe>
</div>
<div>
  <!-- I agree button -->
</div>

Answer 3

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

http://issuu.com/smartlook

可以直接在浏览器中显示PDF。如果您不反对这种事情，它基本上将Flash托管在Flash对象中。

以下是我们公司网站的sample。

Answer 4

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

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

Answer 5

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

Answer 6

您可以使用类似的内容创建图像缩略图，并将其链接到实际的pdf作为内联弹出窗口 http://orangoo.com/labs/GreyBox/

Answer 7

你不能，这是简单的答案。

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

Answer 8

可以通过使用AJAX或jquery来实现...
只需在一个页面上发送该文件URL，然后像该页面中常开的pdf文件一样打开并使用ajax。

1）所以只要用户点击按钮即可。然后你称之为上述品质的功能。因此，通过这种方式，将只有一个页面，您可以显示尽可能多的pdf而无需刷新页面。

2）如果你没有很多pdf，如果你不知道，那么只需在google docs上传该文件然后只需输入共享链接文件....然后只使用ajax或jquery。

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

Answer 9

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

在div中显示Adobe pdf

9 个答案: