如何显示 AWS S3 存储桶中的所有图像？

【问题标题】：How to show all images from a AWS S3 bucket?如何显示 AWS S3 存储桶中的所有图像？
【发布时间】：2021-02-20 05:27:33
【问题描述】：

我正在使用 https://www.npmjs.com/package/aws-s3 和 https://www.npmjs.com/package/filepond 将图像上传到我的 AWS S3 存储桶。我已经让它运行了，但我想知道是否有一种简单的方法可以显示 AWS S3 存储桶中的所有图像。我不想将每个链接保存到数据库中的图像然后运行它。有什么建议吗？

【问题讨论】：

标签： amazon-web-services amazon-s3

【解决方案1】：

切换到包https://www.npmjs.com/package/aws-sdk

添加了一些脚本：

<script>
import AWS from 'aws-sdk'

AWS.config.update({
  credentials: new AWS.CognitoIdentityCredentials({
    IdentityPoolId: '/******'
  }),
  region: '/******'
});

const s3 = new AWS.S3({
  apiVersion: '2006-03-01',
  params: { Bucket: 'gamesnap' }
})

export default {
  data() {
    return {
      baseUrl: 'https://******.s3.eu-central-1.amazonaws.com/',
      images: []
    }
  },
  mounted() {
    s3.listObjectsV2((err, data) => {
      if (err) {
        console.log("Error: " , err);
      } else {
        this.images = data.Contents
      }
    });
  }
}
</script>

【讨论】：