如何正确下载的Excel与Angular2

文件这是使POST请求与响应的xls文件我的服务的代码：这是为了处理Excel文件的响应如何正确下载的Excel与Angular2

exportInternalOrder(body) { 
     let user_token: string = this.sessionService.getToken(); 
     let headers = new Headers(); 
     headers.append('responseType', 'arraybuffer'); 
     headers.append('Authorization', 'Bearer ' + user_token); 
     return this.http.post(this.config.exportInternalOrder, body,{ 
      headers: headers 
     }).map(res => new Blob([res._body],{ type: 'application/vnd.ms-excel' })); 
    }

。这是代码调用它：

let objToSend = this.makeObjToSend(false); 
this.reportingService.exportExcel(objToSend) 
    .subscribe(
     data => { 
      this.exportData(data); 
     }, 
     error => { 
      this.errorFilterMsg.push({ severity: 'error', detail: 'Report exporting has failed!' }); 
     } 
);

这是文件的保存（出于某种原因window.open什么都不做）：

exportData(data){  
     let blob = data; 
     let a = document.createElement("a"); 
     a.href = URL.createObjectURL(blob); 
     a.download = 'fileName.xls'; 
     document.body.appendChild(a); 
     a.click();   
    }

但文件仍然保存为一个已损坏。当使用邮差和卷曲它来确定。任何帮助，将不胜感激。

来源

2017-04-07 Abhishek Subradeep

您能告诉我们'exportData（data）'中的'data'吗？只是想检查'data'中的内容。 –

这是对我工作：https://stackoverflow.com/questions/41771041/angular2-download-excel-file-from-web-api-file-is-corrupt/44680057#44680057 – Deepak

[Angular2下载的可能的复制从Web API的Excel文件，文件已损坏]（https://stackoverflow.com/questions/41771041/angular2-download-excel-file-from-web-api-file-is-corrupt） –

responseType不应headers进行设置，这是其作为第二个参数中post功能过去了，RequestOptionsArgs包含headers，responseType和其他RequestOptionsArgs对象的一部分，你可以阅读更多关于它here。所以，你的代码应该是这样的：

import { ResponseContentType } from '@angular/http'; 

exportInternalOrder(body) { 
    let user_token: string = this.sessionService.getToken(); 
    let headers = new Headers(); 
    headers.append('Authorization', 'Bearer ' + user_token); 
    return this.http.post(this.config.exportInternalOrder, body,{ 
     headers: headers, 
     responseType: ResponseContentType.Blob 
    }).map(res => new Blob([res._body],{ type: 'application/vnd.ms-excel' })); 
}

来源

2017-04-07 12:51:13

我的塞尔维亚邻居朋友！！你无法想象你在这篇文章中帮助过我多少！谢谢谢谢，再次感谢！ –

我这样做：return this.http.post（endpoint，body，{responseType：ResponseContentType.Blob}）。map（（res）=> { return res.blob（） } ）;但是，我得到这个错误：“类型ResponseContentType.Blob是不能分配给输入JSON” ......任何想法？ –

我写this..it将是其他人谁正在寻找的文件下载功能角2解决方案的帮助。下面的一段代码适用于我。

import { ResponseContentType } from '@angular/http'; 

exportInternalOrder(body) { 
    let user_token: string = this.sessionService.getToken(); 
    let headers = new Headers(); 
    headers.append('Authorization', 'Bearer ' + user_token); 
    return this.http.post(this.config.exportInternalOrder, body,{ 
     headers: headers, 
     responseType: ResponseContentType.Blob}).map(res => new Blob([res.blob()],{ type: 'application/vnd.ms-excel' })); 
}

来源

2018-03-02 05:20:42

如何正确下载的Excel与Angular2

回答

相关问题