javascript - 使用 ReactJS+semantic-ui-react 下载文件

Question

我有这种情况，在单击按钮时，我会发出一个获取请求，该请求将为我提供一个需要下载的文件的 url。我如何达到同样的效果？

Fetch API 会给我一个需要下载的文件的链接

帮助将不胜感激

<Button
             fluid={false}
              size={"small"}
              onClick={this.download}
>
Download
</Button>


download = async () => {
    try {
           let response = await fetch('/fetch/downloadurl');
           let json = await response.json();
           let url = json.url;
           // Need to write the download code here
           window.open(url); // not working
    } catch (error) {
      console.log(error);
    }
  };

标签： javascriptreactjssemantic-ui-react

Answer 1

试试这个答案：https ://stackoverflow.com/a/54626214/9220122

function download(url, name) {
    var link = document.createElement('a');
    link.download = name;
    link.href = url;
    link.click();
}