Блог

Я пытаюсь отправить файл изображения и данные (объект или массив) в серверную часть с помощью react native. Я попытался использовать выборку и приведенный ниже код и получил его для отправки изображения на серверную часть. Но моя цель — отправить изображение и данные вместе. Как я могу этого добиться?

 
uploadPhoto = async (response) => {


 

    const formData = new FormData();
    formData.append('fileToUpload', {
      uri: response.path,
      name: 'image',
      type: response.mime,
      imgPath: response.path
    });

    const infos={ad:'onur',soyad:'cicek'};



    try {

      const rest = await fetch('https://www.birdpx.com/mobile/fotografyukle/' this.state.user.Id, {
        method: 'POST',
        headers: { 'Accept': 'application/json', 'Content-type': 'multipart/form-data' },
        body: formData
        });

        const gelenVeri = await rest.text();
        let convertedVeri=JSON.parse(gelenVeri);

        console.log(convertedVeri);
        return false


      
    } catch (err) {
      console.log(err)
    }

  };
  

Мне нужно опубликовать const infos={ad:'onur',soyad:'cicek'}; и изображение.

Вы можете передать его в самой FormData

 formData.append('other_infos', infos);
  

Здесь other_infos будет ключ, который требуется извлечь из серверной части, вы можете добавить n количество параметров в FormData

Вы можете сделать это, добавив другие данные в FormData. как в примере

 formData.append('infos', infos);