angular2-services - 如何以angular 2下载pdf文件

Question

这是在我下载 Pdf 文件时以 angular 2 下载 pdf 文件的功能，它是损坏的文件。那么我该如何解决这个问题。
它像这样显示损坏的数据。
%PDF-1.5
%����
↵66 0 目标
<>
结束对象

downloadFile() {
    //this.http.get('https://contactsapi.apispark.net/v1/companies/').subscribe(
    this.http.get('assets/Files/booking.pdf').subscribe(
      (response: any) => {
        console.log(response);
        let parsedResponse =(response)
        var blob = new Blob([response], {type: 'application/pdf'});
        var filename = 'booking.pdf';
        saveAs(blob, filename);
      });
  }

Answer 1

我们需要这个包文件保护程序，你安装就像 "npm install file-saver --save" ，那么你可以这样试试

 public downloadCSVFile(){
    this.downloadPdf().subscribe(
        (res) => {      
            saveAs(res,'test.pdf')
        }
    );


}

public downloadPdf(): any {
    let url='your url'
    let headers = new Headers();
    headers.append('Authorization', 'JWT ' + localStorage.getItem('id_token'));
    return this.http.get(url,{  headers: headers,responseType: ResponseContentType.Blob }).map(
        (res) => {
            return new Blob([res.blob()], { type: 'application/pdf' })
        })
}