Return Download File in ASP.NET Core API from Axios Request

Question

Good day guys,

I'm trying to download file from ASP.NET Core Web API from Axios Request.

Here's my sample API method. (Code based from this stackoverflow question)

[HttpPost("download")]
public async Task<IActionResult> DownloadFile(){
    ...
    return File(new MemoryStream(mypdfbyte), "application/octet-stream", "myfile.pdf");
}

Here's my sample axios request.

axios.post(`api/products/download`).then(response=>{
    console.log(response.data)
}).catch(error=>{ console.log(error) })

But I'm only receiving this. No download file appears.

I hope you can help me download a file from my controller api.

Answer 1

First of all, DownloadFile should be HttpGet instead of HttpPost. Then your axios request should look like

axios({
  url: 'http://localhost:5000/api/products/download',
  method: 'GET',
  responseType: 'blob', // important
}).then((response) => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'file.pdf');
  document.body.appendChild(link);
  link.click();
});