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

Posted on November 18, 2022

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?

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!

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

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:

https://github.com/ddebarros/sample-functions-file-upload

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:

https://github.com/ddebarros/sample-functions-spaces-upload

Hope that this helps!

Best,

Bobby