无法从URL下载图像反应

时间:2020-01-07 08:29:53

标签: javascript reactjs download

在我的React应用中,我试图使用以下代码从S3 URL下载图像。

<a href={ele.payment_receipt} download target="_blank" class="text-link-3 fw-3 ">
                        <i class="icon-download mr-2"></i>Download</a>

其中ele.payment_receipt是文件的链接。但是,当我单击链接时,它将打开它的新标签,而不是下载它。我已经尝试过在线解决方案,但是所有在线解决方案都采用相同的下载方法,有人可以告诉我我在这里做错了吗?预先感谢

编辑 图像的URL是s3存储桶图像的SignedUrl,在60秒后过期。

1 个答案:

答案 0 :(得分:0)

一个简单的组件,可以从客户端缓存(例如,flux,redux)下载数据。

要与browserify或webpack一起使用的设计。

安装方式:

npm i react-download-link

import DownloadLink from "react-download-link";

<DownloadLink
    label="Save"
    filename="myfile.txt"
    exportFile={() => "My cached data"}
/>