Netlify forms file upload using Vue/Gridsome

[perry]

Hi, before we get further into troubleshooting, did you read/work through these threads already?

Example of Netlify Forms with file upload using React, Hooks, Fetch, react-dropzone

Hi! I just wanted to share a simple example of doing a form submission using Netlify Forms with a file upload in React. I’m using react-dropzone, but you can use a regular file input in its place. State is managed using useState hooks and submission is handled with fetch. Demo: https://demo-react-netlify-form-file.netlify.com/ Repo: GitHub - futuregerald/react-netlify-form-file Let me know if you have any questions!

How to send File uploads using fetch via Netlify forms?

Using that repo as a guide, I was able to get a ‘single’ File sent after validation. However I can’t seem to get Netlify to recognise multiple files within the Filelist object that is sent for a single field. I even tried creating a new array with the given File objects instead, but the response for that field Netlify side is then blank: function encode(data) { const formData = new FormData(); for (const key of Object.keys(data)) { if(key === 'repairs_files'){ const files = Objec…