Amazon S3 error MalformedXML error loading

Question

I am trying to upload a picture to my Amazon S3 bucket. Here is the code for my XMLHttpRequest:

var form_data = new FormData(); form_data.append(filename, file); var xhr = new XMLHttpRequest(); xhr.open('PUT', 'https://bucket-name.s3.amazonaws.com', true); xhr.send(form_data); 

I configured CORS as follows:

 <CORSConfiguration> <CORSRule> <AllowedOrigin>http://localhost:3000</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> <AllowedMethod>PUT</AllowedMethod> <AllowedMethod>POST</AllowedMethod> <AllowedMethod>DELETE</AllowedMethod> <AllowedHeader>*</AllowedHeader> </CORSRule> </CORSConfiguration> 

Unfortunately, I keep getting the following error when trying to upload to it:

 PUT https://bucket-name.s3.amazonaws.com 400 (Bad Request) <?xml version="1.0" encoding="UTF-8"?> <Error><Code>MalformedXML</Code><Message>The XML you provided was not well-formed or did not validate against our published schema</Message><RequestId>6188AA51D1EE6B38</RequestId> <HostId>f3d5Aj8bMyMOJywRnYKH/tBXRHCDWFvNzcb4ejs9F4/IulP1P2n0XoN1mDq7LpQgL/RIsW1c6RA=</HostId></Error> 

Does anyone know what I'm doing wrong?

Answer 1

It looks like you are sending a PUT request to the bucket itself without an object name. S3 interprets this as a PUT BUCKET request and expects the body to be an CreateBucketConfiguration XML document.

To load a file, your open XHR call should look larger:

 xhr.open('PUT', 'https://bucket-name.s3.amazonaws.com/' + filename, true); 

Here is an example query in the documentation .