Cannot get form file field to work on Ajax submit in Svelte Kit App. Tried lots of fixes but can't seem to get it to work

[hrishikesh]

Hi @Jovian,

I believe you’re not the only one who’s unable to get file uploads working with AJAX based forms. I had drafted a not-so-friendly solution here:

Trouble with handling files in Netlify Function

So, I tested this and I’ve 2 options to offer: Continue using multipart/form-data: Yes, you could continue using it, but with a catch. If you only need to upload a file with the form (and no other form fields), this would do the trick. In the above code, simply change it to Buffer.from(event.body, 'base64'). I repeat, there should not be any other data except the file. Not multiple files either, just 1 file! If you need multiple files, you’d have to send each file to a different serverless fu…

I call it not-so-friendly because you’d have to rely on functions and would have to make use of an external database to store data.

The thread is slightly different though - it talks about specifically being able to use files inside Functions, but the solution here I believe is the same.

Just before you try this, could you try submitting the file without AJAX - that is from the static version of the form? If that works fine, you’d have to rely on the above solution.