PDF 文件在网页上的预览

原创于 2022-03-02 15:31:46 发布 · 621 阅读

CC 4.0 BY-SA版权

文章标签：

该博客介绍了如何利用HTML的iframe标签将PDF文档嵌入到网页中。通过设置iframe的宽度、高度和源URL，可以实现PDF的无缝集成。文章详细解释了iframe的用途及其在HTML文档中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接使用 html 的 iframe 标签，代码如下：

<div style="width: 300px; height: 300px">
  <iframe
    src="xxx.pdf"
    frameborder="0"
    width="100%"
    height="100%"
  />
</div>

PDF预览

标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。