如何在 React.js 中下载图像？答案

【问题标题】：How to download image in React.js? [duplicate]如何在 React.js 中下载图像？
【发布时间】：2021-12-13 08:32:38
【问题描述】：

我用这个下载-

<a href={`${link}`} download="file">Download</a>

但这对我不起作用。我使用 Chrome 浏览器。它只是在浏览器中打开文件。

【问题讨论】：

开发工具中为 GET 响应显示的 Content-Disposition 标头是什么？ mdn docs 显示了一些关于 download 属性行为的信息，以及它如何受标头信息的影响。

【解决方案1】：

function download(fileUrl, fileName) {
 let a = document.createElement("a");
 a.href = fileUrl;
 a.setAttribute("download", fileName);
 a.click();
}

【讨论】：

【解决方案2】：

尝试添加 target="_blank"：

<a href={`${link}`} download="file" target="_blank" >Download</a>

【讨论】：