Doesn't work with ajax

I tried 3 approaches: sending JSON with axios, sending FormData with axios, sending FormData with XHR. None worked. req.file was undefined, and req.body was empty.

server

import multer from 'multer';
const upload = multer();

app.post('/api/posts/new', upload.single('image'), function(req, res, next){
	console.log(req.file);
	console.log(req.body);
	res.status(200).json(req.body);
})

I’m using KeystoneJS and serverside rendering React if any of that matters

[Libohan12]

@ryanaleksander I think the problem is with passing headers (which has Content-Type,…)from client. I have written a working example using Axios client here : https://gist.github.com/HarshithaKP/ebc0e79800e5638fe827c157360378be

Please let me know if it helps you in resolving your issue. @eric-personal @r3wt This method works, because the file I uploaded is a FileList which results in a file of undeined. thank

[LinusU]

Seems like this was a client problem that can be solved by the code linked, happy to reopen if we should change something in Multer