【发布时间】：2011-02-13 23:32:03
【问题描述】：
我有一个用户必须查看的 pdf 文件，然后单击“我同意”按钮。 如何在 div 中显示 pdf？
【问题讨论】：
【发布时间】：2011-02-13 23:32:03
【问题描述】：
我不认为你可以。您可能需要改用 iframe。
【讨论】：
【讨论】：
您可以创建一个图像缩略图，并将其链接到实际的 pdf 作为内联弹出窗口，使用类似 http://orangoo.com/labs/GreyBox/
【讨论】：
你不能，这是简单的答案。
注入浏览器的每个媒体资产都由 mime 类型名称标识。然后，浏览器根据该 mime 类型名称进行处理确定。如果是 image/gif 或 image/jpeg，浏览器会将资源作为图像处理。如果它是 text/css 或 text/javascript，则将其作为代码资产处理，除非该资产的寻址独立于 HTML。 PDF 被标识为 application/pdf。当浏览器看到 application/pdf 时，它们会立即将处理切换到能够处理该媒体类型的插件软件。如果您尝试将 application/pdf 类型的媒体推送到 div 中，浏览器可能会向用户抛出错误。通常应用程序/pdf 类型的文件直接链接到，以便处理软件拦截请求并独立于浏览器处理媒体。
【讨论】：
-
说“不能”总是一个坏主意，因为有人会立即出现并展示替代方案（例如@Ron Knee）:)
-
那些认为某些行动是不可能的人应该远离那些正在做的人。
也许你可以通过使用 AJAX 或 jquery 来做到...
只需在一个页面上发送该文件 url，然后像在该页面中正常打开的 pdf 文件一样打开并使用 ajax。
1) 所以只要用户点击按钮。然后你调用那个你最喜欢的函数。因此，通过这种方式，只有一页，您可以在不刷新页面的情况下显示尽可能多的 pdf。
2) 如果您没有很多 pdf 并且您不知道，那么只需将该文件上传到 google docs 然后把分享链接文件放上去……然后就用ajax或者jquery吧。
如果你没有使用 AJAX，我更喜欢 jquery。
【讨论】：
是的，你可以。
查看 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 图像。）
【讨论】：
-
代码：
-
2007 线程的原始链接不再有效；这是更新后的 URL：forum.webdeveloper.com/d/152923-pdf-within-a-div 或者，这是原始链接的存档副本：web.archive.org/web/20120217224525if_/http://…
我认为它不起作用，因为您的 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 代码中。
【讨论】：
这是另一种使用 Iframe 在 Div 中显示 PDF 的方法，如下所示。
<div>
<iframe src="/pdf/test.pdf" style="width:100%;height:700px;"></iframe>
</div>
<div>
<!-- I agree button -->
</div>【讨论】：