如何在Angular 7中以Blob類型轉換pdf文件？

Question

我的項目需要生成一個pdf報告，並且我正在使用pdfcrowd（ https://pdfcrowd.com ）來執行此操作。

我的方法很簡單，並且從后端（Angular 7）到后端（.Net Core 2.1）的調用工作正常，但是，當我在前端收到pdf時，出現以下錯誤。

回報：200-好

錯誤：語法錯誤：JSON中的意外令牌％在JSON.parse的位置0

我的服務

GetReportPrint(e: PrintModel) {        
  let token = localStorage.getItem('token');
  let body = JSON.stringify(e);
  let headers = new HttpHeaders({ 
    'Content-type': 'application/json',
    'Authorization': token
  });

  return this._http.post<any>(
    this.API + 'Report', body, {
      headers: headers,
      responseType: 'blob'
    })
    .pipe(map((response) => {
      let file = response.blob();
      var blob = new Blob([file], {
        type: 'application/pdf'
      });

      FileSaver.saveAs(blob, "tes");
    }))     
}

Answer 1

您在解析json時遇到問題，這是您的錯誤所在。

我建議使用GET下載文件而不是POST，請嘗試以下操作：

this.http.get<any>(url, {responseType: 'blob'}).pipe(..);

Answer 2

嘗試以下操作：做response.text（）而不是response.blob（）。

.pipe(map((response) => {
  let file = response.text();
  var blob = new Blob([file], {
    type: 'application/pdf'
  });

  FileSaver.saveAs(blob, "test.pdf");
}))