AWS S3文件上传，没有出现“访问控制允许来源”错误

Question

I am uploading file to S3 using ajax method. My file is successfully uploaded (got 204 code) but still (ajax is going in fail method instead of success) getting error, No 'Access-Control-Allow-Origin' header is present on the requested resource.

my crossdomain policy is as follows,

<?xml version="1.0" ?>
<cross-domain-policy>
<allow-access-from domain="*" />
<allow-http-request-headers-from domain="*" headers="*">
</allow-http-request-headers-from>
</cross-domain-policy>

my ajax method,

$.ajax({
    url : url,
    type: "POST",
    data: data,
    contentType: false,
    processData: false,
    success: function(){
      console.log("success")
    },
    error: function(){
      console.log("error")
    }
  })

Answer 1

Please read this document http://docs.aws.amazon.com/AmazonS3/latest/UG/EditingBucketPermissions.html

Below is the sample xml you can try. Change the examplesite.com to yours. Right click the bucket and go to "Permissions" tab and click "Edit CORS Configuration"

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