Anyone solved the Spaces Javascript CORS Access-Control-Allow-Origin blocker from Presigned urls?

I’ve searched all over and I see so many others stating the same problem. I generate a presigned url, and then try to use vanilla Javascript to PUT the file into Spaces. It always gives:

Access to XMLHttpRequest at ‘PRESIGNED_URL’ from origin ‘MY_WEBSITE_DOMAIN_NAME’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

I originally tried following this example since my site is Django based. Django generates the presigned url which is then used by the Javascript. The example is from 2021, so it’s possible something has changed on the DO side.

Inside the Spaces Admin, I created a CORS record. I’ve tried setting it to allow everything using * and checking all the method boxes. I’ve tried creating new API keys several times. None of this has worked.

The Preflight response is good and shows all the proper information including my site as the Access-Control-Allow-Origin. The actual PUT fails though.

I’ve tried changing out the Javascript to JQuery even. Same result. I need this to submit on the Client side as to not use the server processor for larger files.

So frustrating. Doing a search finds so many other similar stories.

Anyone else solved this?

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

Try DigitalOcean for free

Click below to sign up and get $200 of credit to try our products over 60 days!

Sign up

Get our biweekly newsletter

Sign up for Infrastructure as a Newsletter.

Hollie's Hub for Good

Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.

Become a contributor

Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

Welcome to the developer cloud

DigitalOcean makes it simple to launch in the cloud and scale up as you grow — whether you're running one virtual machine or ten thousand.

Learn more
DigitalOcean Cloud Control Panel