在 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>
有没有办法将 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>