在浏览器中显示 PDF，而不是从 URL 下载答案

【问题标题】：Display PDF in browser instead of downloading from URL在浏览器中显示 PDF，而不是从 URL 下载
【发布时间】：2019-05-07 23:59:49
【问题描述】：

使用 Angular 6，我正在调用 API 以获取 S3 存储桶中 pdf 文件的路径。使用它我需要显示 PDF。但相反，它将 PDF 下载到本地客户端计算机。

目前我正在将 API 返回的 url 附加到 iframe。

public showPDFPreviewModal(pdfSrcUrl){
    this.display = 'block';
    $('#pdfView').attr('src',pdfSrcUrl);
  };

    <iframe  id="pdfView" width="1100" height="500"> </iframe>

如何在不下载文件的情况下预览 pdf？

【问题讨论】：

标签： typescript angular6 pdfview

【解决方案1】：

您可以使用对象标签在网页上显示 PDF 文档，如下所示。

<object width="610" height="740" data="...PDF file url.."></object>

欲了解更多信息，请查看：https://www.w3schools.com/tags/tag_object.asp。

希望对你有帮助。

【讨论】：