首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在HTML中显示PDF文件?

如何在HTML中显示PDF文件?
EN

Stack Overflow用户
提问于 2013-07-22 17:29:12
回答 14查看 774.5K关注 0票数 217

我有一个自动生成的PDF文件由itext,我需要显示该PDF文件在超文本标记语言。我的问题是:如何使用pdf.js在HTML中显示本地PDF文件?该PDF文件是否应该由某些标准生成?

EN

回答 14

Stack Overflow用户

发布于 2014-03-22 05:31:39

在您的HTML网页中实现PDF文件是非常容易的。

代码语言:javascript
复制
<embed src="file_name.pdf" width="800px" height="2100px" />

确保根据需要更改宽度和高度。祝好运!

票数 329
EN

Stack Overflow用户

发布于 2016-07-04 01:55:05

我使用Google Docs嵌入式PDF查看器。这些文档不需要上传到Google Docs,但它们必须在网上提供。

代码语言:javascript
复制
<iframe src="https://docs.google.com/gview?url=https://path.com/to/your/pdf.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
票数 72
EN

Stack Overflow用户

发布于 2020-03-05 15:03:32

HTML1.HTML浏览器原生内联嵌入:

代码语言:javascript
复制
<embed
    src="http://infolab.stanford.edu/pub/papers/google.pdf#toolbar=0&navpanes=0&scrollbar=0"
    type="application/pdf"
    frameBorder="0"
    scrolling="auto"
    height="100%"
    width="100%"
></embed>
代码语言:javascript
复制
<iframe
    src="http://infolab.stanford.edu/pub/papers/google.pdf#toolbar=0&navpanes=0&scrollbar=0"
    frameBorder="0"
    scrolling="auto"
    height="100%"
    width="100%"
></iframe>

优点:

  • 没有PDF文件大小限制(甚至几百MB)
  • 这是最快的解决方案

缺点:

  • It不适用于移动浏览器

2.谷歌文档浏览器:

代码语言:javascript
复制
<iframe
    src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://infolab.stanford.edu/pub/papers/google.pdf#toolbar=0&scrollbar=0"
    frameBorder="0"
    scrolling="auto"
    height="100%"
    width="100%"
></iframe>

优点:

  • 可在桌面和移动浏览器

上运行

缺点:

下载查看器limit

  • Requires 所需的额外时间
  • 25MB文件

PDF 3.嵌入的其他解决方案:

重要说明:

请检查X-Frame-Options HTTP响应头。应该是SAMEORIGIN。

代码语言:javascript
复制
X-Frame-Options SAMEORIGIN;
票数 39
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17784037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档