如何从图像 URL 下载图像？答案

【问题标题】：How to download image from an image URL?如何从图像 URL 下载图像？
【发布时间】：2019-12-24 18:33:31
【问题描述】：

点击图片链接时，我无法下载图片。我在图片网址之前添加了download?image=，它提供了保存选项但无法下载。

这是我的代码：

<a href={`download?image=${data[0].compress_path}`} download={(data[0].file_name).substring(data[0].file_name.lastIndexOf('/') + 1)} type="application/octet-stream" target="_blank">Download</a>

注意：不使用 download?image= 是在新标签页中打开图片。

【问题讨论】：

“下载失败”是什么意思？会发生什么？
准备结束不存在的东西会给你它现在给出的确切输出。文件应该可以通过网络访问，“下载”和“href”属性也需要引号。当您在新页面中打开时，应显示图像。
看看这个question

标签： javascript reactjs download imageurl

【解决方案1】：

我的问题已经解决了。我使用 File-saver.js 库来下载图像。这是代码：

<a  href='javascript:void(0)' onClick={()=>{this.download(data[0].compress_path)}} >Download</a>

下面是我用过的下载功能：

    download=(save)=>{
        var FileSaver = require('file-saver');
        var fileName=save.substring(save.lastIndexOf('/') + 1)
        FileSaver.saveAs(save, fileName);
    }

注意：使用 import { saveAs } from 'file-saver'使用另存为。

【讨论】：