Angular 在新选项卡中打开 pdf

Question

在我的 angular 12 应用程序中，我想在新的 chrome 选项卡中“查看” pdf 文件。 该文件保存在本地应用程序中，我们需要一个功能，用户可以在新选项卡中查看 pdf（不仅仅是下载）。 我在 HTML 中处理这个问题，如下所示：

<a [href]="privacyLinks.pdfLink" (click)="previewPdf(privacyLinks.pdfLink)"  class="policy-control-link"
target="_blank"><img [src]="privacyLinks.viewSvg" alt="">{{
privacyLinks.viewLabel }}

这是下载文件而不是在新选项卡中打开它。 我尝试创建（单击） function 并使用 window.open(pdfFile,'_blank') 但它仍然做同样的事情。 如何在新的 Chrome 标签页中打开 .pdf？

Answer 1

Function 检索 pdf 并在新选项卡中打开。 适用于 Chrome

  onCreateInvoice(params: Params) {
     this.http.post(this.path, params, { responseType: 'blob' })
       .subscribe(somePdf => {
          window.open(URL.createObjectURL(somePdf), 'new');
       })
  }