我试图在我的反应应用程序的客户端保存文件。数据来自我的API控制器,名为DownloadDocument。我从DownloadDocument方法返回FileSreamResult。 FileStreamResult读取数据并将其写入react API中的响应。网络选项卡获得响应,但是当我记录响应时,我得到响应为null。我正在使用文件保护程序来尝试保存文件。 https://www.npmjs.com/package/file-saver。
有没有人对问题是什么或者是否有更好的方法有任何建议?
我在控制器中的动作:
我遇到的问题是我对react api的回复是否为空。
[HttpGet("{documentId}")]
[AcceptVerbs("OPTIONS", "GET")]
[AllowAnonymous]
public async Task<IActionResult> DownloadDocument(int documentId)
{
if (documentId != 0)
{
var document = await service.DownloadDocumentAsync(documentId);
var documentResponse = File(document, "application/octet-stream");
return documentResponse;
}
return BadRequest("Document id is not valid");
}
反应应用。
api.indexes.downloadDocument(clones)
.then(response=>{
console.log(response)
let FileSaver = require('file-saver');
let blob = new Blob([response], {type: "application/octet-stream"});
let filename ="testdownload"
FileSaver.saveAs(blob, filename)
谢谢您的帮助。
我需要将它添加到标题中。 responseType:'blob'
这篇文章很好地解释了https://medium.com/@fakiolinho/handle-blobs-requests-with-axios-the-right-way-bb905bdb1c04