在 HTML 中嵌入 PDF

Posted 2023-03-05

【中文标题】在 HTML 中嵌入 PDF

【英文标题】：Embed PDF in HTML

【发布时间】：2012-04-30 05:21:45

【问题描述】：

我需要在 html 页面中嵌入 PDF 文档。 PDF 是动态生成的，即不是静态文件，而是使用 PDF 工具包（在我的例子中为“Apache PDFBox”）生成的字节数组。我有一个 Java Web 应用程序。

据我了解，嵌入 PDF 有两种方法：使用 OBJECT 和 IFRAME 标签。

<object> 标签对我不起作用。当我有一个动态生成的源时，它需要 20 秒。渲染。我不确定这是否是 Acrobat Reader 插件的问题，但我无法解决这种奇怪的行为。

<iframe> 标签可以正常工作并显示 PDF。但问题是：我的 PDF 有一个提交表单的提交按钮。提交表单后，我需要重新显示带有某种状态消息的 PDF。表单输出到 same 框架。因此，我得到了一个Frame-inside-a-Frame。没有办法跳出当前框架，因为我无权访问<form> 标签。表单包含在 PDF 中，Acrobat 负责提交表单。如果我的框架中有额外的元素，例如文本消息，我将得到级联框架。

有什么办法解决这个问题吗？

【问题讨论】：

要使 iframe 选项起作用，您可以在结果页面中添加一些 javascript 以跳出框架。对象是更好的选择；更有可能与浏览器一起玩得很好。我想知道 PDF 是否是正确的选择；它通常用于打印文档。

【参考方案1】：

<object data="myfile.pdf" type="application/pdf"  >

  <p>It appears you don't have a PDF plugin for this browser.
  No biggie... you can <a href="myfile.pdf">click here to
  download the PDF file.</a></p>

</object>

有关更多详细信息和示例.. 访问此 URL：http://pdfobject.com/markup/index.php