我正在尝试使用 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。