javascript - AWS - CORS 无法将文件直接上传到 S3

Question

我正在尝试使用 jquery 将文件直接上传到 S3。

我按照以下步骤配置 CORS 设置文件以进行测试:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

然后是我的 jquery 代码:

$.ajax({
url: this.action,
type: 'POST',
dataType: 'xml',
data: $('form').serialize(),
crossDomain: true,
cache: false,
success: function(data) {
    window.alert('test');
    }
});

如果我直接发布表单，没有 ajax，它工作正常......但是因为我想在上传完成后立即调用一个方法，所以我使用 jquery 来完成这项工作。但即使在设置 CORS 设置后，我仍然收到错误:Access-Control-Allow-Origin 不允许 Origin xxxx。

请求头:

Accept:application/xml, text/xml, */*; q=0.01
Cache-Control:no-cache
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Origin:http://localhost:8000
Pragma:no-cache
Referer:http://localhost:8000/upload
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.57 Safari/537.17

请求状态为CANCELED，类型为PENDING。

Answer 1

您缺少 POLICY_JSON 和相应的签名来证明原始表单确实是由存储桶所有者构建的。查看此链接了解详情:

http://aws.amazon.com/articles/1434/