通过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)就像这样工作，但它有自己的特殊要求。

只使用iFrame的PDF文件。

我在React.js应用程序中有特定的需求，尝试了数百万个解决方案，但最终得到了一个iFrame:)祝你好运!

在我得到嵌入base64编码PDF的问题之前，因为URI限制，所以任何超过2MB的文件都不会在Chrome上正确呈现。

我的解决方案是:

转换uri编码为Blob: 基于Blob生成临时DOM字符串。 const blob = dataURItoBlob(this.dataUrl); var temp_url = window.URL.createObjectURL(blob); 决定你想把iframe附加到DOM的位置: const target = document.querySelector(targetID); 目标。innerHTML =' <iframe src='${temp_url}' type="application/pdf"></iframe> .

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

<object width="400" height="400" data="helloworld.pdf"></object>

您可以通过在查询字符串中传递一些选项来控制PDF在浏览器中的显示方式。我很高兴能这样工作，直到我意识到它不能在IE8中工作。：(

它适用于Chrome 9和Firefox 3.6，但在IE8中，它会显示“如果PDF文件无法显示，请在此处插入错误消息”的消息。

不过，我还没有测试上述任何浏览器的旧版本。但这是我的代码，希望能帮到大家。这将缩放设置为85%，删除滚动条，工具栏和导航窗格。如果我发现IE中也能运行的东西，我会更新我的帖子。

<object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0">
    <p>Insert your error message here, if the PDF cannot be displayed.</p>
</object>