Cannot get the request body in the Backend

Question

I created a FormData object and append with two fields audio and email . When i use axios to send a request, i cannot receive request body in the backend.

const email = 'my@gmail';
const url = 'http://';

const sendData = () =>{

 let fd = new FormData();

 const audio = new Blob(audioData, { type: "audio/ogg; codecs=opus" });

 fd.append('audio' , audio);
 fd.append('email', email);

 const resp =  await axios.post(url, fd);
 

Backend side.

// First middleware 

const { User } = require("../models/userSchema");

module.exports = async function (req, res, next) {

    console.log(req.body); // {}

    next();

};

Answer 1

You need to use the 'Content-Type': 'multipart/form-data' ~ header.

const sendData = () =>{
 let fd = new FormData();
 const audio = new Blob(audioData, { type: "audio/ogg; codecs=opus" });
 fd.append('audio' , audio);
 fd.append('email', email);

 const resp =  await axios.post(url, fd, {
   headers: {
     'Content-Type': 'multipart/form-data'
   }
 });
 console.log(resp);

Answer 2

Well, in addition to the above comments, multipart/form-data was required in this case because its used in uploading form data to server in multiple parts because of large file size.