Problems with formData in Multiple Upload Express and Multer

Question

I’m having trouble uploading multiple images to the backend. The method in the backend is correct, when I test via insominia the right one, however from my front it does not generate the data correctly.

As soon as I click on the images to upload I run the following function:

let data = new FormData();
    
for (const file of files) {
  data.append("images", file);
}

data.append("clientId", "2");

const response = await requestAPI({
  params: `/image/upload`,
  method: "POST",
  headers: {
    'Content-Type' : undefined,
  },
  body: data,
});

      

And in my backend I hope this way :

Route :

this.router.post(
  '/upload',
  upload.array('images', 20),
  (req: Request, res: Response) => this.imageController.imageUpload(req, res)
)

Both the req.files how much req.body return undefined (empty) in controller.

Note: If I don’t pass the header as undefined nothing happens, passing thus generates the following error:

images is not iterable