i want to upload image from react js to digitalocean spaces. but it gives cors error.

Hi there,

The CORS preflight requests are often sent using the OPTIONS method, especially when performing a POST or PUT request from a browser. Make sure your CORS settings allow the OPTIONS method. You can add OPTIONS to your allowed methods in the DigitalOcean Spaces CORS configuration:

Allowed Methods: GET, PUT, DELETE, HEAD, POST, OPTIONS

Also check that you’re setting the correct headers in your request, especially Content-Type. Sometimes, a missing or incorrect Content-Type can trigger CORS issues.

In your case, you already have the content type set in the params:

ContentType: file.type

Besides that, make sure that the file type is correctly detected. If needed, explicitly set it to multipart/form-data in case of issues:

ContentType: "multipart/form-data",

You can also use your browser’s developer tools to see what the CORS preflight request (OPTIONS) and response look like. Check if the headers on the response allow the origin, methods, and other necessary headers.

Make sure that your CORS settings on DigitalOcean Spaces allow the following headers:

• Access-Control-Allow-Origin: * or the specific origins (http://localhost:5173)
• Access-Control-Allow-Methods: Ensure GET, PUT, POST, and OPTIONS are allowed
• Access-Control-Allow-Headers: If you’re sending custom headers, such as Authorization or Content-Type, make sure they are allowed here as well.

Once you’ve made these changes, try again, and let me know if the issue persists!

- Bobby