req.body is empty

[idoor88]

Hi I tried this code below with values for both caption and filename:

`
let formData = new FormData();

formData.append('caption', caption);

formData.append('file', {
name: filename
});

console.log('upload File formData: ', formData);

axios.post('http://localhost:9890/', formData)
.then((response) => {
response.data.success ? alert('File successfully uploaded') : alert('File already exists');
this.fetchRecent();
})
.catch(err => alert('Error: ' + err));
`

When I uploaded an image file, on the server side, the logging showed the req.body is empty and req.file is undefined:

Upload single file req.body: {}
Upload single file req.file: undefined

The server side code:

`
imageRouter.route('/')

    .post(upload.single('file'), (req, res, next) => {

        console.log(req.body);

        // check for existing images
        Image.findOne({ caption: req.body.caption })

            .then((image) => {
                console.log(image);
                if (image) {
                    return res.status(200).json({
                        success: false,
                        message: 'Image already exists',
                    });
                } 

`
...
Do you have an idea what I did wrong?
Thanks

[sadath-12]

because in

formData.append('file', {
name: filename
});

you just gave name try to even give value

append(name, value)