Javascript 使用JQuery将带有预签名url的文件上载到S3时出错

Javascript 使用JQuery将带有预签名url的文件上载到S3时出错,javascript,jquery,file-upload,amazon-s3,form-data,Javascript,Jquery,File Upload,Amazon S3,Form Data,我们正在尝试使用jqueryajax&一个预先签名的url将文件上传到S3。我们在服务器上生成预先签名的url。目前,我们正在尝试使用上载文件 var uploadData = new FormData(), files = $(this.input).prop('files'), file = files[0]; uploadData.append('file', file); $.

我们正在尝试使用jqueryajax&一个预先签名的url将文件上传到S3。我们在服务器上生成预先签名的url。目前,我们正在尝试使用上载文件

          var uploadData = new FormData(),
            files = $(this.input).prop('files'),
            file = files[0];

          uploadData.append('file', file);

          $.ajax({
            url: '{presigned url string}',
            type: 'PUT',
            data: uploadData,
            cache: false,
            processData: false,
            contentType: false,
            success: function(response) {
              console.log('S3 upload success!');
            },
            error: function(response) {
              console.log('Error with S3 upload: ' + response.statusText);
            }
          });
这将从AWS返回SignatureDesNotMatch错误:

<Error><Code>SignatureDoesNotMatch</Code><Message>The request signature we 
calculated does not match the signature you provided. Check your key and 
signing method.</Message><StringToSignBytes>50 55 54 0a 0a 6d 75 6c 74 69 70 61 72 74 2f 66 6f 72 6d 2d 64 61 74 61 3b 20 62 6f 75 6e 64 61 72 79 3d 2d 2d 2d 2d 57 65 62 4b 69 74 46 6f 72 6d 42 6f 75 6e 64 61 72 79 67 57 6f 4a 73 42 56 79 41 4c 57 71 51 6b 73 69 0a 31 34 30 39 37 37 37 32 39 33 0a 2f 64 69 2d 6b 79 72 73 74 65 6e 2d 64 65 61 6c 73 2f 76 4e 79 4b 4e 55 4c 37 51 68 4f 30 45 4b 38 52 58 44 70 32 59 77 25 32 46 63 35 37 65 64 37 62 39 2d 64 63 61 62 2d 34 63 30 62 2d 62 36 63 30 2d 36 31 66 30 36 62 32 30 37 34 66 31 2d 74 65 73 74 2e 74 78 74</StringToSignBytes>
<RequestId>ED7C581570F547DB</RequestId><HostId>ZT6LsFYCbo1L0gYNcUwtdCWF6SNnyuUyKiL60ntJEZugx3cnDN/yH5KBjgEiBv5c</HostId><SignatureProvided>N2d7oNMVHvI6yxAXujNy8O5cF24=</SignatureProvided>
<StringToSign>PUT

multipart/form-data; boundary=----WebKitFormBoundarygWoJsBVyALWqQksi
1409777293
/test-bucket/vNyKNUL7QhO0EK8RXDp2Yw%2Fc57ed7b9-dcab-4c0b-b6c0-61f06b2074f1-test.txt</StringToSign><AWSAccessKeyId>FAKEACCESSKEY</AWSAccessKeyId></Error>  
我知道预先签名的url是有效的,因为我可以通过CURL正确上传文件:

curl -v --upload-file {filename} {presigned url}

我们自己发现了这个问题。下面是我们用来生成预签名url的代码:

val dt: DateTime = new DateTime()
val expiration = DateTime.now.plusMillis(timeout.toInt)
val presignedUrlRequest: GeneratePresignedUrlRequest =
  new GeneratePresignedUrlRequest(awsBucket, key, HttpMethod.PUT)
presignedUrlRequest.setExpiration(expiration.toDate())
// WE ADDED THIS LINE
presignedUrlRequest.setContentType("multipart/form-data")

s3client.generatePresignedUrl(presignedUrlRequest).toString()
我们必须在预签名请求中设置内容类型,并添加
headers:{'Content-Type':'multipart/formdata'}
到我们的ajax调用


我们最初生成url的方式是使用CURL的,因为我们没有在presignedUrlRequest中设置内容类型,而CURL没有设置内容类型。

我也遇到了同样的问题,但设置内容类型没有帮助。希望能得到一些帮助!这个解决方案对我来说非常有效,但是上传到S3的文件附加了FormData值。你知道怎么预防吗?