Загрузка нескольких изображений с использованием React.js, Node.js & Express.js - PullRequest
Новая
       6

Загрузка нескольких изображений с использованием React.js, Node.js & Express.js

0 голосов
/ 13 ноября 2018

Я хочу отправить несколько данных изображения на мой 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
...