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

Question

使用 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？

Answer 1

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

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

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

希望能帮助到你。