在我的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秒后过期。
答案 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"}
/>