使用React.js，Node.js和Express.js上传多个图像

Question

我想发送多个图像数据到我的RESTful API （在nodejs和expressjs上运行）。我尝试过使用附加到表单数据中，但是很难从后端进行组织。因此，我想将那些附加的图像数据添加到数组中并传递到后端。

这是我当前的代码：

//state of the images
this.state = {images: [] }

//Assigning to state elements
this.setState({images = [{
  file : filevalue1,
  alt_name : altnamevalue1,
  img_url : urlvalue1
},
{
  file : filevalue2,
  alt_name : altnamevalue2,
  img_url : urlvalue2
}]});

//Appending the image data
this.state.images.forEach((item, i) =>
{
data.append(`file${[i]}`, item.file);
data.append(`alt_name${[i]}`, item.alt_name);
data.append(`img_url${[i]}`, item.img_url);
})

//Passing the value to API
fetch('http://localhost:3000/uploads', {
  method: 'post',
  body: data
})

我想通过以下方式从后端访问数据：

data.images[0].file = filevalue1