推荐的方法嵌入PDF在HTML?

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

iFrame吗? 对象? 嵌入?

Adobe是怎么说的呢?

在我的例子中，PDF是动态生成的，因此不能在刷新之前将其上传到第三方解决方案。

当前回答

如果可能的话，使用本机解决方案，它总是最好的解决方案，因为它来自本机浏览器(使用embed或iframe)，或者你可以使用这个小库来支持你:https://pdfobject.com

大多数人推荐使用著名的pdf。js。它一直工作得很好，直到我需要使用ShadowDOM。有些页面是空白的(白色)，有些是黑色的。我不可能知道发生了什么，而且它正在制作中:)。

2022-10-27 11:30:07

其他回答

我发现这工作得很好，浏览器处理它在firefox。我没有检查IE…

<script>window.location='url'</script>

2017-10-13 13:44:56

我已经在其他地方回答了这个问题，但是，我在多个解之间做了一个求值。另外，如果你打算用于商业用途，这些可能会有所帮助:

免费的解决方案

iframe:只是使用一个iframe，然而，这不是大多数人在这里搜索的。 [谷歌Docs预览]谷歌Docs有预览(在这里查看其他答案) Pdf.js是没有外部依赖的开源解决方案 Adobe提供了一种“免费”的PDF嵌入API——如果你对基于云的解决方案满意，推荐使用这种方法。

商业服务提供商

Pdf.js Express是Pdf.js的商业化扩展(性能最差的产品，不贵) PSPDFKit -来自奥地利的供应商，提供良好的业务支持(价格适中，产品好) Foxit -中国公司提供PDF网页solton以及。(最便宜的商业报价) PDFTron -美国PSDPDFkit的竞争对手(更昂贵，但也更先进)

希望这能有所帮助。我可能会在博客中发布更详细的信息，如果这对人们有帮助的话(请在评论中告诉我)。

2022-09-23 16:15:54

这是快速、简单、直截了当的，不需要任何第三方脚本:

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

更新(2/3/2021)

Adobe现在提供了自己的PDF嵌入API。

https://www.adobe.io/apis/documentcloud/dcsdk/pdf-embed.html

更新(1/2018):

Android上的Chrome浏览器不再支持PDF嵌入。你可以通过使用谷歌Drive PDF查看器来解决这个问题

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

2011-08-12 17:29:23

如果您不想自己托管PDF文件，或者希望使用额外的安全功能(例如防止用户下载PDF文件)自定义PDF查看器。我建议使用CloudPDF。https://cloudpdf.io

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CloudPDF Viewer</title>
  <style>
    body, html {
      height: 100%;
      margin: 0px;
    }
  </style>
</head>
<body style="height: 100%">
  <div id="viewer" style="width: 800px; height: 500px; margin: 80px auto;"></div>
  <script type="text/javascript" src="https://cloudpdf.io/viewer.min.js?version=0.1.0-beta.11"></script>
  <script>
    document.addEventListener('DOMContentLoaded', function(){
      const config = { 
        documentId: 'eee2079d-b0b6-4267-9812-b6b9eadb9c60',
        darkMode: true,
      };
      CloudPDF(config, document.getElementById('viewer')).then((instance) => {

      });
    });
  </script>
 </body>
</html>

2021-01-02 23:36:59

如果你不想自己托管PDF.JS，你可以试试DocDroid。它类似于谷歌Drive PDF查看器，但允许自定义品牌。

2017-09-18 16:03:34

推荐的方法嵌入PDF在HTML?

推荐文章

最新文章

标签