从客户端下载 AWS S3 文件

Question

我目前正在尝试使用前端的按钮从 s3 存储桶下载文件。怎么可能做到这一点？我不知道如何开始这件事。我已经尝试过研究和研究，但没有运气 - 我搜索的只是 UPLOADING 文件到 s3 存储桶，而不是 DOWNLOADING 文件。提前致谢。

注意：我将它应用到 ReactJS (Frontend) 和 NodeJS (Backend) 并且文件是使用 Webmerge 上传的

更新：我正在尝试用这个生成一个下载链接（即使我不是后端开发人员也尝试过节点）（大声笑）

见下图

what I have tried so far

onClick function

Answer 1

如果您尝试下载的文件不是公开的，那么您必须创建一个签名的 url 来获取该文件。

解决方案在这里Javascript to download a file from amazon s3 bucket? 用于获取非公共文件，它围绕创建一个 lambda 函数，该函数将为您生成一个签名的 url，然后使用该 url 在按钮单击时下载文件

但是如果您尝试下载的文件是公开的，那么您不需要签名的 url，您只需要知道文件的路径，url 的结构如下：https://s3.amazonaws.com/ [文件路径]/ [文件名]

它们也是由 AWS 团队创建和维护的 aws amplify。

只需关注Get started 并从您的 React 应用程序下载文件就是这样：

Storage.get('hello.png', {expires: 60})
.then(result => console.log(result))
.catch(err => console.log(err));

Answer 2

这是我的解决方案：

let downloadImage = url => {
  let urlArray = url.split("/")
  let bucket = urlArray[3]
  let key = `${urlArray[4]}/${urlArray[5]}`
  let s3 = new AWS.S3({ params: { Bucket: bucket }})
  let params = {Bucket: bucket, Key: key}
  s3.getObject(params, (err, data) => {
    let blob=new Blob([data.Body], {type: data.ContentType});
    let link=document.createElement('a');
    link.href=window.URL.createObjectURL(blob);
    link.download=url;
    link.click();
  })
}

参数中的url指的是S3文件的url。

只需将其放在按钮的onClick 方法中即可。您还需要AWS SDK