【angular5项目积累总结】文件下载

download() {

const token = localStorage.getItem('token');

let headers: HttpHeaders = new HttpHeaders();

headers = headers

.set('Authorization', 'Bearer ' + token);

const url = 'http://localhost:8764/api/v1/user/downLoadZipFile';

this.http.get(url, {headers: headers, observe: 'response', responseType: 'blob'}).subscribe(response => {

console.log(response);

console.log(response.headers.keys());

this.downloadFile(response);

}, (error: HttpErrorResponse) => {

console.log(error.error);

});

}

downloadFile(data: HttpResponse<Blob>) {

const file = new Blob([data.body], {type: 'application/zip'});

const a = document.createElement('a');

a.id = 'tempId';

document.body.appendChild(a);

a.download = 'haha.zip';

a.href = URL.createObjectURL(file);

a.click();

const tempA = document.getElementById('tempId');

if (tempA) {

tempA.parentNode.removeChild(tempA);

}

}

}

var blob = new Blob([res], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
var objectUrl = URL.createObjectURL(blob);
var a = document.createElement('a');
document.body.appendChild(a);
a.setAttribute('style', 'display:none');
a.setAttribute('href', objectUrl);
a.setAttribute('download', fileName);
a.click();
URL.revokeObjectURL(objectUrl); 

通用下载代码JS：

 downloadFile(filePath: any) {
    this.meetingService.downloadFile(filePath, rtv => {
      if (rtv) {
        let _blob = new Blob([rtv]);
        let _filename = filePath.substring(filePath.lastIndexOf('_') + 1);
        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
          window.navigator.msSaveOrOpenBlob(_blob, _filename);
        } else {
          let _link = document.createElement('a');
          let _url = window.URL.createObjectURL(_blob);
          document.body.appendChild(_link);
          _link.setAttribute('style', 'display:none');
          _link.href = _url;
          _link.download = _filename;
          _link.click();
          window.URL.revokeObjectURL(_url);
          _link.remove();
        }
      } else {
        alert('下载失败，请稍后重试！');
      }
    });
  }

参考文章：

https://www.cnblogs.com/liugang-vip/p/7016733.html