如何从图片网址下载图片?

时间:2019-08-19 14:06:20

标签: javascript reactjs download imageurl

单击图像链接时,我无法下载图像。 我将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 =它将在新标签页中打开图像。

1 个答案:

答案 0 :(得分:0)

我的问题已解决,我使用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'使用saveAs。