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');
       })
  }