c# - Angular - 如何在 subscribe() 上从 Web API 下载文件

Question

In Angular I'm trying to download an excel file from my Web API Server

如果我从 <a> 调用我的 API组件就像这样:

<a href="http://localhost:55820/api/download">Download</a>

文件下载正常，无需处理响应，我得到了所需的行为:

如何从我的 Angular DownloadService 发出请求并在 .subscribe() 上处理结果得到相同的结果？

this.downloadService.download()
      .subscribe(file => {/*What to put here for file downloading as above*/});

请注意，服务器会像这样创建响应:

byte[] b = File.ReadAllBytes(HttpRuntime.AppDomainAppPath + "/files/" + "file.xlsx");
var dataStream = new MemoryStream(b);
HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.OK);
response.Content = new StreamContent(dataStream);
response.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");
response.Content.Headers.ContentDisposition.FileName = "File";
response.Content.Headers.ContentType = new MediaTypeHeaderValue(MimeMapping.GetMimeMapping("file.xlsx"));
return response;

提前致谢! :)

Answer 1

试试这个解决办法:

.subscribe(file => 
{  
   const a = document.createElement('a');
   a.setAttribute('type', 'hidden');  
   a.href = URL.createObjectURL(file.data);  
   a.download = fileName + '.xlsx';  
   a.click(); 
   a.remove();
});