首页 \ 问答 \ S3 putObject使用aws-sdk失败(S3 putObject fails using aws-sdk)

S3 putObject使用aws-sdk失败(S3 putObject fails using aws-sdk)

 它让我发疯，任何帮助都会非常感激！ 
 

 为了在S3中设置我的桶我跟着http://www.cheynewallace.com/uploading-to-s3-with-angularjs/ 
 

 关于这篇文章，我通过使用通配符扩展政策并提供更多权利来实现“改进” 
 

{
"Version": "2012-10-17",
"Statement": [
    {
        "Effect": "Allow",
        "Action": [
            "s3:DeleteObject",
            "s3:DeleteObjectVersion",
            "s3:GetObject",
            "s3:GetObjectAcl",
            "s3:GetObjectTorrent",
            "s3:GetObjectVersion",
            "s3:GetObjectVersionAcl",
            "s3:GetObjectVersionTorrent",
            "s3:PutObject",
            "s3:PutObjectAcl",
            "s3:PutObjectVersionAcl"
        ],
        "Resource": [
            "arn:aws:s3:::photos-eu/*"
        ]
    }
]
}

 

 并将<ExposeHeader> ETag </ ExposeHeader>添加到存储桶的Cors设置中 
 

 然后我使用aws-sdk的角度服务看起来像 
 

/// <reference path="../../../typings/tsd.d.ts" />

module Services {

  export interface IS3UploadService {
    upload(imgName:string, imgData:string):ng.IPromise<{}>;
  }

  export class S3UploadService implements IS3UploadService {

static $inject = ['$q'];

private bucket:AWS.S3;

constructor(private $q:ng.IQService) {
  var credentials = new AWS.Credentials("myAccessKeyId", "mySecretAccessKey");
  AWS.config.update(credentials);
  AWS.config.region = "eu-west-1";

  this.bucket = new AWS.S3({params: {Bucket: 'peterparker-photos-eu', maxRetries: 10, region: "eu-west-1"}});

}

upload(imgName:string, imgData:string):ng.IPromise<{}> {
  var deferred = this.$q.defer();

  var params:AWS.s3.PutObjectRequest = {
    Bucket: "peterparker-photos-eu",
    Key: imgName,
    Body: imgData,
    ContentType: "image/jpeg",
    ContentEncoding: "Base64"
  };

  this.bucket.putObject(params, (err:any, data:any) => {
    if (err) {
      console.error("->" + JSON.stringify(err));
      deferred.reject(err);
    } else {
      console.info(data);
      deferred.resolve(data);
    }
  });

  return deferred.promise;
}

  }
}

angular.module('App')
  .service('S3UploadService', Services.S3UploadService);

 

 为了我的测试目的，我将imgData推入一个编码为Base64的img，类似“/ 9j / 4AAQSkZJRgABAgAAZABkA ....”（当然是用http://base64-image.de转换的有效图像） 
 

 结果，每次我尝试，我都有以下错误 
 

 {“line”：25，“column”：24996，“sourceURL”：“ http：// localhost：8100 / lib / aws-sdk / dist / aws-sdk.min.js ”，“message”：“请求我们计算的签名与您提供的签名不符。检查您的密钥和签名方法。“，”code“：”SignatureDoesNotMatch“，”region“：null，”time“：”2016-06-08T15：12：09.945Z“ “的requestId”：空 “的StatusCode”：403， “重试”：假的， “retryDelay”：60.59883770067245} 
 

 玩得很尽兴... 
 

 更新标题： 
 

General
Request URL:https://peterparker-photos-eu.s3-eu-west-1.amazonaws.com/1465408512724.jpg
Request Method:PUT
Status Code:403 Forbidden
Remote Address:54.231.131.16:443

Response headers
Access-Control-Allow-Methods:HEAD, GET, PUT, POST, DELETE
Access-Control-Allow-Origin:*
Access-Control-Expose-Headers:ETag, x-amz-meta-custom-header
Connection:close
Content-Type:application/xml
Date:Wed, 08 Jun 2016 17:55:20 GMT
Server:AmazonS3
Transfer-Encoding:chunked
Vary:Origin, Access-Control-Request-Headers, Access-Control-Request-        Method
x-amz-id-...
x-amz-request-id:...

Request Headers
Accept:*/*
Accept-Encoding:gzip, deflate, sdch, br
Accept-Language:fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4,de;q=0.2
Authorization:AWS ...
Connection:keep-alive
Content-Encoding:Base64
Content-Length:38780
Content-MD5:...
Content-Type:image/jpeg; charset=UTF-8
Host:peterparker-photos-eu.s3-eu-west-1.amazonaws.com
Origin:http://localhost:8100
Referer:http://localhost:8100/?ionicplatform=ios
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5)             AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36
X-Amz-Date:Wed, 08 Jun 2016 17:55:20 GMT
X-Amz-User-Agent:aws-sdk-js/2.3.18

Request payload
Img base64 code

 

 更新 
 

 即使尝试上传非Base64内容，它也会以相同的错误结束 
 

var paramsHtml:AWS.s3.PutObjectRequest = {
    Bucket: "peterparker-photos-eu",
    Key: "HelloWorld.html",
    Body: "The Body",
    ContentType: "text/html"
  };

 

 更新＃2 
 

 我移动到我的节点js服务器生成的带有签名URL的解决方案，如下面的解决方案所述，仍然得到与结果相同的错误...但我至少尝试;） 
 

 使用签名网址将文件从angularjs直接上传到amazon s3 

It's driving me crazy, any help would be much appreciated!
 

To set up my bucket in S3 I followed http://www.cheynewallace.com/uploading-to-s3-with-angularjs/
 

Regarding this post I made following "improvements" by extended the policy with a wildcard and giving more rights
 

{
"Version": "2012-10-17",
"Statement": [
    {
        "Effect": "Allow",
        "Action": [
            "s3:DeleteObject",
            "s3:DeleteObjectVersion",
            "s3:GetObject",
            "s3:GetObjectAcl",
            "s3:GetObjectTorrent",
            "s3:GetObjectVersion",
            "s3:GetObjectVersionAcl",
            "s3:GetObjectVersionTorrent",
            "s3:PutObject",
            "s3:PutObjectAcl",
            "s3:PutObjectVersionAcl"
        ],
        "Resource": [
            "arn:aws:s3:::photos-eu/*"
        ]
    }
]
}

 

and added < ExposeHeader>ETag< /ExposeHeader > to the Cors settings of the bucket 
 

Then my angular service using the aws-sdk look like
 

/// <reference path="../../../typings/tsd.d.ts" />

module Services {

  export interface IS3UploadService {
    upload(imgName:string, imgData:string):ng.IPromise<{}>;
  }

  export class S3UploadService implements IS3UploadService {

static $inject = ['$q'];

private bucket:AWS.S3;

constructor(private $q:ng.IQService) {
  var credentials = new AWS.Credentials("myAccessKeyId", "mySecretAccessKey");
  AWS.config.update(credentials);
  AWS.config.region = "eu-west-1";

  this.bucket = new AWS.S3({params: {Bucket: 'peterparker-photos-eu', maxRetries: 10, region: "eu-west-1"}});

}

upload(imgName:string, imgData:string):ng.IPromise<{}> {
  var deferred = this.$q.defer();

  var params:AWS.s3.PutObjectRequest = {
    Bucket: "peterparker-photos-eu",
    Key: imgName,
    Body: imgData,
    ContentType: "image/jpeg",
    ContentEncoding: "Base64"
  };

  this.bucket.putObject(params, (err:any, data:any) => {
    if (err) {
      console.error("->" + JSON.stringify(err));
      deferred.reject(err);
    } else {
      console.info(data);
      deferred.resolve(data);
    }
  });

  return deferred.promise;
}

  }
}

angular.module('App')
  .service('S3UploadService', Services.S3UploadService);

 

For my test purpose, I push in the imgData an img encoded as Base64, something like "/9j/4AAQSkZJRgABAgAAZABkA...." (of course a valid image converted with http://base64-image.de)
 

And as result, each time I try, I've got following error
 

{"line":25,"column":24996,"sourceURL":"http://localhost:8100/lib/aws-sdk/dist/aws-sdk.min.js","message":"The request signature we calculated does not match the signature you provided. Check your key and signing method.","code":"SignatureDoesNotMatch","region":null,"time":"2016-06-08T15:12:09.945Z","requestId":null,"statusCode":403,"retryable":false,"retryDelay":60.59883770067245}
 

So much fun...
 

Update headers:
 

General
Request URL:https://peterparker-photos-eu.s3-eu-west-1.amazonaws.com/1465408512724.jpg
Request Method:PUT
Status Code:403 Forbidden
Remote Address:54.231.131.16:443

Response headers
Access-Control-Allow-Methods:HEAD, GET, PUT, POST, DELETE
Access-Control-Allow-Origin:*
Access-Control-Expose-Headers:ETag, x-amz-meta-custom-header
Connection:close
Content-Type:application/xml
Date:Wed, 08 Jun 2016 17:55:20 GMT
Server:AmazonS3
Transfer-Encoding:chunked
Vary:Origin, Access-Control-Request-Headers, Access-Control-Request-        Method
x-amz-id-...
x-amz-request-id:...

Request Headers
Accept:*/*
Accept-Encoding:gzip, deflate, sdch, br
Accept-Language:fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4,de;q=0.2
Authorization:AWS ...
Connection:keep-alive
Content-Encoding:Base64
Content-Length:38780
Content-MD5:...
Content-Type:image/jpeg; charset=UTF-8
Host:peterparker-photos-eu.s3-eu-west-1.amazonaws.com
Origin:http://localhost:8100
Referer:http://localhost:8100/?ionicplatform=ios
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5)             AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36
X-Amz-Date:Wed, 08 Jun 2016 17:55:20 GMT
X-Amz-User-Agent:aws-sdk-js/2.3.18

Request payload
Img base64 code

 

Update
 

Even by trying to upload a non Base64 content it finish with the same error
 

var paramsHtml:AWS.s3.PutObjectRequest = {
    Bucket: "peterparker-photos-eu",
    Key: "HelloWorld.html",
    Body: "The Body",
    ContentType: "text/html"
  };

 

Update #2
 

I moved to a solution with a signed URL generated by my node js server as described in following solution, still got the same error as result...but I least I try ;)
 

upload file from angularjs directly to amazon s3 using signed url

原文：https://stackoverflow.com/questions/37706775
更新时间：2023-05-17 10:05

最满意答案

 我怀疑你的麻烦是由于初始化函数。 LoadContent由Initialize调用。 有两件事你需要检查： 
 

     
 
  1.  在调用base.Initialize()之前，验证您是否在Game.cs中创建并添加了可绘制的游戏组件。 在上面的代码中，您正在创建并添加Game.cs的LoadContent函数中的组件，该函数在Initialize之后发生。 
    2.  
 
  2.  验证Editor类中的Initialize函数是否正在调用基本的Initialize函数： 
    public override void Initialize()
{
    base.Initialize();
}

    3.  

 

 查看Nick Gravelyn撰写的这篇博客文章 ，了解更多信息。 Nick特别与你的问题相关，在他的文章中写道： 
 

     
 
  1.  首先你会得到一个Initialize调用。 这是您通常为您的游戏*放置非图形化初始化代码的地方。 你还需要确保你调用base.Initialize（）。 当你这样做时，游戏会做一些事情： 
  
       
   
    1.  在Components集合中的每个GameComponent上调用Initialize。 
      2.  
   
    2.  创建GraphicsDevice。 
      3.  
   
    3.  在游戏中调用LoadContent。 
      4.  
   
    4.  为Components集合中的每个DrawableGameComponent调用LoadContent。 
      5.  
  
    2.  


I suspect your trouble is due to the Initialize function. LoadContent is called by Initialize. There are two things you need to check for:
 

     
 
  1. Verify that you are creating and adding your drawable game component in Game.cs before base.Initialize() is called. In the code above, you are creating and adding the component in the LoadContent function of Game.cs, which occurs after Initialize.
    2.  
 
  2. Verify that the Initialize function in your Editor class is calling the base Initialize function:
     
    public override void Initialize()
{
    base.Initialize();
}

    3.  

 

Check out this blog post by Nick Gravelyn for more information. Particularly relevant to your question, in his post, Nick writes that:
 

     
 
  1. First you’ll get a call to Initialize. This is where you generally put non-graphical initialization code for your game*. You also need to make sure you call base.Initialize(). When you do, the game does a few things: 
  
       
   
    1. Calls Initialize on each GameComponent in the Components collection.
      2.  
   
    2. Creates the GraphicsDevice.
      3.  
   
    3. Calls LoadContent on the game.
      4.  
   
    4. Calls LoadContent for each DrawableGameComponent in the Components collection.
      5.  
  
    2.

相关问答

更多

相关文章

更多
  • Amazon Web Services（AWS）概述
  • 高负载低延迟：动态算法+Hadoop+AWS+NoSQL解析
  • She’s Not Carrying A Handbag
  • Storm，yahoo!S4比较
  • Just Forget To Ask The Handbag's Name
  • Scaling Pinterest - From 0 To 10s Of Billions Of Page Views A Month In Two Years
  • 如何解决第三方类库无法通过armv7s编译的方法
  • Yahoo! s4和Twitter storm的粗略比较
  • Yahoo S4和Twitter storm比较
  • Yahoo! s4和Twitter storm的粗略比较

    • 最新问答

    更多
  • 您如何使用git diff文件，并将其应用于同一存储库的副本的本地分支？(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收？(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get（）从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序：页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结？(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow：基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误：RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C＃类名中允许哪些字符？(What characters are allowed in C# class name?)
  • NumPy：将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全？(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet？(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href，而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用：悬停在悬停时：在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)

    • Copyright ©2023 peixunduo.com All Rights Reserved.粤ICP备14003112号

    本站部分内容来源于互联网，仅供学习和参考使用，请莫用于商业用途。如有侵犯你的版权，请联系我们(neng862121861#163.com)，本站将尽快处理。谢谢合作！