当前位置：文江博客话题详情

在 div 中显示 Adobe pdf

发布于 2024-08-30 15:04:47 字数 56 浏览 5 评论 0原文

我有一个 pdf 文件，用户必须查看该文件并单击“我同意”按钮。如何在 div 中显示 pdf？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

薄暮涼年 2024-09-06 15:04:47

是的，你可以。

请参阅 2007 年以下线程中的代码：DIV 内的 PDF

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

使用

（最后，我编辑了我的 pdf 文件以删除大边框并将它们转换为到 jpg 图像。）

Yes you can.

See the code from the following thread from 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>

It uses <object>, which can be styled with CSS, and so you can float them, give them borders, etc.

(In the end, I edited my pdf files to remove large borders and converted them to jpg images.)

回复收藏 0 原文

深爱不及久伴 2024-09-06 15:04:47

这是使用 Iframe 在 Div 中显示 PDF 的另一种方法，如下所示。

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

Here is another way to display PDF inside Div by using Iframe like below.

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

回复收藏 0 原文

怪异←思 2024-09-06 15:04:47

我们在我们的网站上使用它

http://issuu.com/smartlook

它是一个非常可定制的直接显示 PDF您的浏览器。如果您不反对这种事情，它基本上将 PDF 托管在 Flash 对象中。

这是我们公司网站上的示例。

回复收藏 0 原文

傲世九天 2024-09-06 15:04:47

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

您可以查看 PDF .JS 教程 - 如何使用 Javascript 显示 PDF 以了解如何将 PDF.JS 集成到您的 HTML 代码中。

回复收藏 0 原文

神经大条 2024-09-06 15:04:47

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

回复收藏 0 原文

叹倦 2024-09-06 15:04:47

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

回复收藏 0 原文

梦里人 2024-09-06 15:04:47

也许你可以使用 AJAX 或 jquery 来完成...
只需在一页上发送该文件 url，然后像在该页面中正常打开 pdf 文件一样打开并使用 ajax。

1) 一旦用户单击按钮。然后你调用你上面的函数。因此，通过这种方式，将只有一页，这样您就可以显示尽可能多的 pdf，而无需刷新页面。

2) 如果您没有很多 pdf 文件并且您不知道，则只需将该文件上传到 google文档
然后只需放置共享链接文件......然后只需使用ajax或jquery。

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

回复收藏 0 原文

不气馁 2024-09-06 15:04:47

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

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

回复收藏 0 原文