如何在html中嵌入pdf文件？

Question

我想将pdf文件嵌入html（使用embed标签或iframe标签）。

我已经尝试了以下两个。 [在Firefox上都可以正常工作，但在chrome，chrome和android浏览器上不能正常工作。

<embed type="application/pdf" src="myfile.pdf"></embed>
<iframe class="embed-responsive-item" src="myfile.pdf" allowfullscreen></iframe>

我还尝试过使用php读取pdf文件，然后使用iframe这样显示它

header("Content-type: application/pdf");
header("Content-Disposition: inline; filename=".$_GET['pdf']);
@readfile($CONFIG['PDF']."/".$_GET['pdf']);

同样，这不适用于chrome / chrome和移动浏览器。它仅适用于台式机Firefox。

我不确定这是否重要信息，但我也设置X-Frame-Options“ ALLOW-FROM mydomain.com”

Here，您将找到问题所在的示例。

还有其他方法可以将pdf文件嵌入网页吗？

Answer 1

Android上的Chrome浏览器不再支持PDF嵌入。您可以使用Google云端硬盘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>