在 HTML 中嵌入 PDF 中的页面

Embed a page from a PDF in HTML

有没有办法将 PDF 中的页面嵌入 HTML? PDF 是本地的,但 HTML 也是本地的(例如,引用 file:///tmp/... 的 iframe 可能有效)

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

您无法使用 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>