amazon web services - AWS S3 JavaScript SDK - NetworkingErro

amazon web services - AWS S3 JavaScript SDK - NetworkingError: Network Failure

本文关键字：JavaScript SDK NetworkingErro S3 AWS web services amazon      更新时间：2023-09-26

我试图在浏览器页面中使用AWS提供的示例，但是我一直收到NetworkingError: Network Failure错误。下面是我使用的:

<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.0.0-rc11.min.js"></script>
<script type="text/javascript">
  // See the Configuring section to configure credentials in the SDK
  AWS.config.update({accessKeyId: '####', secretAccessKey: '####', region: 'us-east-1'});
  // Configure your region
//  AWS.config.region = '';
</script>
</head>
<body>
<input type="file" id="file-chooser" />
<button id="upload-button">Upload to S3</button>
<div id="results"></div>
<script type="text/javascript">
  var bucket = new AWS.S3({params: {Bucket: 'BUCKETNAMEGOESHERE'}});
  var fileChooser = document.getElementById('file-chooser');
  var button = document.getElementById('upload-button');
  var results = document.getElementById('results');
  button.addEventListener('click', function() {
    var file = fileChooser.files[0];
    if (file) {
      results.innerHTML = '';
      var params = {Key: file.name, ContentType: file.type, Body: file};
      bucket.putObject(params, function (err, data) {
        results.innerHTML = err ? err : 'UPLOADED.';
      });
    } else {
      results.innerHTML = 'Nothing to upload.';
    }
  }, false);
</script>
<div id="status"></div>
<ul id="objects"></ul>
<script type="text/javascript">
  var bucket = new AWS.S3({params: {Bucket: 'BUCKETNAMEGOESHERE'}});
  bucket.listObjects(function (err, data) {
    if (err) {
      document.getElementById('status').innerHTML =
        'Could not load objects from S3';
    } else {
      document.getElementById('status').innerHTML =
        'Could not load objects from S3';
    } else {
      document.getElementById('status').innerHTML =
        'Loaded ' + data.Contents.length + ' items from S3';
      for (var i = 0; i < data.Contents.length; i++) {
        document.getElementById('objects').innerHTML +=
          '<li>' + data.Contents[i].Key + '</li>';
      }
    }
  });
</script>
</body>
</html>

我的桶在美国标准地区，我很难确定它是使用us-west-2还是us-east-1。当我去到我的桶的控制台，URL是https://console.aws.amazon.com/s3/home?region=us-west-2，但有人在这里提到，美国标准是us-east-1。

由于没有设置CORS配置而出现此错误。

  1. 打开Amazon S3控制台https://console.aws.amazon.com/s3/.

  2. 从bucket list中选择您要使用的bucket的名称。

  3. 下一步，选择"Permission"选项卡。

  4. 然后在标题为"跨域资源共享(CORS)"的编辑器中，您需要确保S3桶具有以下CORS配置:

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag"
        ]
    }
]

在撰写此回答时，根据亚马逊网络服务通用参考，美国标准使用us-east-1。

这真的很晚了，但如果有人绊倒了这个，你需要确保你的CORS文件在控制台有足够的权限。

相关文章：