协慌网

登录 贡献 社区

在 HTML 中嵌入 PDF 的推荐方法?

在 HTML 中嵌入 PDF 的推荐方法是什么?

  • 的 iFrame?
  • 宾语?
  • 嵌入?

Adobe 对此有何看法?

就我而言,PDF 是即时生成的,因此在刷新之前无法将其上传到第三方解决方案。

答案

可能最好的方法是使用PDF.JS库。它是 PDF 文档的纯HTML5 / JavaScript渲染器,没有任何第三方插件。

在线演示: http//mozilla.github.com/pdf.js/web/viewer.html

GitHub: https//github.com/mozilla/pdf.js

这是快速,简单的,不需要任何第三方脚本:

<embed src="http://example.com/the.pdf" width="500" height="375" 
 type="application/pdf">

更新(1/2018):

Android 上的 Chrome 浏览器不再支持 PDF 嵌入。您可以使用 Google Drive PDF 查看器解决此问题

<embed src="https://drive.google.com/viewerng/
viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">

您也可以使用 Google PDF 查看器来实现此目的。据我所知,这不是官方的谷歌功能(我错了吗?),但它对我非常好,顺利。您需要先在某处上传 PDF 并使用其 URL:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

重要的是它不需要 Flash 播放器,而是使用 JavaScript。