How to send file + JSON in single request from react to nodejs

user_16982962 0
Viewed 56

I'm working on my personal ecommerce project where in seller page I'm adding product information such as Name, Category, description, price and image. I want to send this all data to backend to express server and store into postgresql. If any idea how to send image file and other text type data in single request please do tell.

Thankyou.

reactjs express node.js fetch postgresql
1 Answers

Please use FormData to post the data as shown in the example below

const images = document.getElementById('imageControl');
const name = document.getElementById('nameControl');
const category = document.getElementById('categoryControl');
const description = document.getElementById('descriptionControl');
const price = document.getElementById('priceControl');
var formData = new FormData();
formData.append("Name", name);
formData.append("Category", category);
formData.append("Description", description);
formData.append("Price", price);
formData.append("Image", images.files[0]);
const response = await fetch('url', {
  method: 'POST',
  headers: { 'Content-Type': 'multipart/form-data' },
  body: formData
});
user_169652900
Related