How can we handle HTML form file submits via multipart/form-data to DigitalOcean Functions to upload it to DigitalOcean Spaces?

I face some big problems getting my HTML form file submit correctly done with DO Functions. My goal is to send over an image to my DO Function to upload it to a DO Space with the S3 SDK. I first tried to get a signed url, to use it on the frontend to omit the send-over to my DO Function but the signed url does not work – I always get CORS errors.

Any ideas?

Submit an answer
Answer a question...

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

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Bobby Iliev
Site Moderator
Site Moderator badge
November 21, 2022

Hi there,

Here are a couple of examples:

  • This one uses the signed up approach. This is the recommended approach as there are no file size limits. You would need to configure the space to enable CORS headers:

Here is an example of the CORS headers:

  • This approach will upload a file directly from the function to the Space. However keep in mind that there is a 1MB upload size when using a function calling a function:

Hope that this helps!