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

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

同时使用<object>和<embed>将为您提供更广泛的浏览器兼容性。

<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px">
    <embed src="http://yoursite.com/the.pdf" type="application/pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
    </embed>
</object>

我发现嵌入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 " > < /脚本>

只使用iFrame的PDF文件。

我在React.js应用程序中有特定的需求，尝试了数百万个解决方案，但最终得到了一个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。

要将文件流式传输到浏览器，请参阅Stack Overflow问题如何使用。net 2.0将PDF文件流式传输为二进制文件到浏览器-请注意，有一些小的变化，无论您是从文件系统提供文件还是动态生成文件，这都可以工作。

尽管如此，所引用的MSDN文章对世界的看法相当简单，因此您可能希望阅读通过HTTPS成功地将PDF传输到浏览器以及您可能需要提供的一些标题。

使用这种方法，iframe可能是最好的方法。有一个流文件的webform，然后将iframe放在另一个页面上，并将其src属性设置为第一个表单。