Question

我是Angular 6的新手，但遇到了一个问题，无法从AWS S3存储桶中获取图像/ doc / excel文件。

这是我的代码：

var S3 = new AWS.S3();
    const params = {
      Bucket: 'asdasd',
      region: 'asadas1',
      accessKeyId: 'SADIYIUYSADSA8768GHSAD',
      secretAccessKey: 'sdas+sadJSADH7',

    }

    S3.listObjects(params, function (err, data) {
      if (err) {
        console.log('There was an error getting your files: ' + err);
        return;
      }

      console.log('Successfully get files.', data);

      const fileDatas = data.Contents;

      fileDatas.forEach(function (file) {

      });
    });

我遇到错误：

MultipleValidationErrors: There were 3 validation errors:
* UnexpectedParameter: Unexpected key 'region' found in params
* UnexpectedParameter: Unexpected key 'accessKeyId' found in params
* UnexpectedParameter: Unexpected key 'secretAccessKey' found in params

我想从s3获取图像并将其显示在HTML页面上。

Answer 1

问题是，您对API调用使用了无效的参数-SDK不知道如何处理region，accessKeyId和secretAccessKey：

const params = {
  Bucket: 'asdasd',
  region: 'asadas1',                      // Here,
  accessKeyId: 'SADIYIUYSADSA8768GHSAD',  // here
  secretAccessKey: 'sdas+sadJSADH7',      // and here

}

请参阅listObjects API Documentation供参考。

很明显，您的SDK的设置方式不正确，请参见有关操作方法的文档。

注意：如果您使用的是诸如Angular之类的客户端JS框架，则对安全凭证进行硬编码是一个糟糕的主意！您的用户将能够看到这些内容并使用它们来访问其他资源。我上面链接的文档为您提供了更好的选择。

如果您想忽略最佳实践，您绝对不应该，那么您可以通过以下方式做到这一点：

按照here所述，在脚本开头设置AWS信息：

AWS.config.update({
    region: 'us-east-1',
    accessKeyId: "Don't do this",
    secretAccessKey: "It's a terrible idea!"
});

只需重申一下，在客户端代码中对凭据进行硬编码是一个糟糕的主意！

Answer 2

尝试在npm中使用multer-s3软件包。我正在使用它，效果很好。

提示：永远不要像这样共享您的AWS密钥ID和秘密ID ...我重复。请勿!!!!! ..删除此信息或使您的访问密钥无效。

从AWS S3获取的Angular 6显示图像

2 个答案: