在 HTML 中嵌入 PDF 中的页面答案

【问题标题】：Embed a page from a PDF in HTML在 HTML 中嵌入 PDF 中的页面
【发布时间】：2015-03-24 02:14:36
【问题描述】：

有没有办法将 PDF 中的页面嵌入 HTML 中？ PDF 是本地的，但 HTML 也是本地的（例如，引用 file:///tmp/... 的 iframe 可能有效）

我只需要它在 Chrome 中工作。我用它来创建模型。

【问题讨论】：

【解决方案1】：

您无法使用 HTML 从 PDF 文档中提取页面，但您可以嵌入 PDF 文件，使其最初位于特定页面。为此，您将#page=n 形式的片段附加到 PDF 文档的 URL；这里 n 是所需的页码，在 PDF 的页面序列中（因此，如果它有从编号中排除的封面，则它与文档本身的页码不匹配）。示例：

<iframe style="width: 100%; height: 820px" src="test.pdf#page=5"></iframe>

这是否有效取决于呈现 PDF 文档的软件。它可以在 Chrome 的内置 PDF 查看器中使用。

但是，嵌入 PDF 文件存在特定于浏览器的限制。您可以考虑使用object 元素而不是iframe（尽管很难说哪个元素或元素组合最有效；也可以考虑使用embed 元素）。

<object style="width: 100%; height: 820px" data="test.pdf#page=5"
   type="application/pdf"></object>

【讨论】：