我发现嵌入pdf的最好方法是使用bootstrap，因为它不仅可以显示pdf，而且还可以填充可用空间，您可以根据自己的需要指定比例。下面是我用它做的一个例子:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> <div class=" font - family -宋体"> <iframe class="embed- response -item" src="http://example.com/the.pdf" type="application/pdf" allowfullscreen></iframe> . < / div > < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> < script src = " https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js " > < /脚本>

更新- adobepdf嵌入API

Adobe发布了他们的adobepdf嵌入API，这是完全免费的。由于他们自己创建了PDF格式，他们的API可能是最好的。

它提供了最高质量的PDF渲染。 您可以完全自定义用户体验并选择如何显示PDF。 您还可以分析PDF的使用情况，以便了解用户如何与PDF交互，包括在页面和搜索上花费的时间。

你所要做的就是创建一个api_key并在代码片段中使用它。

通过file_url显示PDF

下面是代码片段的示例，您可以将其添加到HTML中，并利用它们的API通过file_url显示PDF。你必须添加{location: {url: "url_of_the_pdf"}}配置。

<div id="adobe-dc-view"></div>

<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>

<script type="text/javascript">
  document.addEventListener("adobe_dc_view_sdk.ready", function(){
    var adobeDCView = new AdobeDC.View({clientId: "api_key", divId: "adobe-dc-view"});
    adobeDCView.previewFile({
      content: { location: { url: "url_of_the_pdf" } },
      metaData: { fileName: "file_name_to_display" }
    }, {});
  });
</script>

将PDF显示为缓冲区

下面是代码片段的示例，如果您有缓冲区(例如本地文件)，您可以将其添加到HTML中，并利用它们的API来显示PDF。你必须添加{promise: <FILE_PROMISE>}配置。

<div id="adobe-dc-view"></div>

<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>

<script type="text/javascript">
  document.addEventListener("adobe_dc_view_sdk.ready", function(){
    var adobeDCView = new AdobeDC.View({clientId: "api_key", divId: "adobe-dc-view"});
    adobeDCView.previewFile({
      content: { promise: <FILE_PROMISE> }
      metaData: { fileName: "file_name_to_display" }
    }, {});
  });
</script>

通过ImageMagick将其转换为PNG，并显示PNG(快速和肮脏)。

<?php
  $dir = '/absolute/path/to/my/directory/';
  $name = 'myPDF.pdf';
  exec("/bin/convert $dir$name $dir$name.png");
  print '<img src="$dir$name.png" />';
?>

如果你需要一个快速的解决方案，想要避免跨浏览器的PDF查看问题，如果PDF只有一页或两页，这是一个很好的选择。当然，您需要在web服务器上安装ImageMagick(这反过来需要Ghostscript)，这在共享托管环境中可能不可用。还有一个PHP插件(称为imagick)就像这样工作，但它有自己的特殊要求。

值得注意的PDF是您应该考虑的选项之一 它有一个免费的计划，除非你打算在pdf文件上进行实时在线协作

将以下iframe嵌入到任何html并享受结果:

<iframe width='1000' height='800' src='http://bit.ly/1JxrtjR' frameborder='0' allowfullscreen></iframe>

您还可以使用谷歌PDF查看器来实现此目的。据我所知，这不是谷歌的官方功能(我错了吗?)，但它对我来说非常好和顺利。你需要先上传PDF文件，然后使用它的URL:

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

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

现代的“完整页面截图”服务或脚本如今能够生成完整HTML和PDF页面的长屏幕截图，并将其转换为JPG或PNG文件，然后可以作为img元素嵌入。