I have a data object containing strings, booleans, arrays, objects and even Blobs like this:

Now I want to send this object to my Node.js server...

Using traditional fetch API or Ajax I'm unable to send the blobs and they appear like an empty object server side!

I tried to use fetch API even using FormData approach like:

Client:

const fd = new FormData();
fd.append("upload", data); // data is the object to send
fetch('/mother/new-card', {
    method: 'post',
    body: fd,
})

Server:

controller side:

router.post('/new-card', newCard);

function newCard(req, res) {
    motherService.newCard(req)
        .then(result => res.json(result))
        .catch(err => {
            console.log(err);
            res.json(err)
        });
}

Service side:

async function newCard(req) {
    console.log('req.body', req.body);
    return { success:  req.body }
}

I usually get undefined trying above methods ...

Is there any valid way to send an object with blobs in it?