时间戳

首页 > 解决方案 > 如何从图像 URL 下载图像？

javascript - 如何从图像 URL 下载图像？

问题描述

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

这是我的代码：

<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= 它在新标签中打开图像。

标签： javascriptreactjsdownloadimageurl

解决方案

我的问题已经解决了。我使用 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。

推荐阅读