Hello N8N community, I’m facing an issue with my application’s image upload functionality, which was working fine until recently and I didn’t change any FE code so issue must be N8N side. The setup involves sending an image along with other form data to a N8N webhook. See: https://i.imgur.com/Pzhde6A.png
The problem is that N8N doesn’t seem to be receiving the image in binary format anymore, but as a JSON object instead. This is happening despite the fact that I’m using a ‘multipart/form-data’ POST request and appending the image to a FormData object.
let formData = new FormData(); formData.append('id', userId); … more text fields formData.append('file', imageFile);
The API and server are functioning as expected, and I can confirm that the FormData object is correctly populated with both the image and the other data on the client side. However, when I inspect the request headers, I see that the ‘Content-Type’ is set to ‘application/json; charset=utf-8’, even though I’m sending a ‘multipart/form-data’ request.
I tried using different clients and the issue remains.
Here’s an example of the headers I’m seeing:
Content-Length: 916342 Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryDKUAgCzAjKmAecLQ ...
Content-Length: 34 Content-Type: application/json; charset=utf-8 ...
I haven’t made any changes to my font-end code. Has anyone else encountered this problem or have any suggestions on what I might be missing?
Any help would be greatly appreciated! Best, Kaspar