Реактивная загрузка изображения в виде FormData - PullRequest
0 голосов
/ 24 октября 2018

Необходимо опубликовать изображение как formData в React-Native

Данные формы:

------ WebKitFormBoundary4df7ukBk3N8GDzOl Content-Disposition: form-data;Name = "selfieImage";filename = "600px-Google_Drive_logo.png" Content-Type: image / png

------ WebKitFormBoundary4df7ukBk3N8GDzOl -

Мне нужно воссоздать вышеизложенное с помощью response-native-image-сборщик, это мой код:

Код сборщика изображений:

ImagePicker.showImagePicker(options, (response) => {
        console.log('Response = ', response);

        if (response.didCancel) {
          console.log('User cancelled image picker');
        } else if (response.error) {
          console.log('ImagePicker Error: ', response.error);
        } else if (response.customButton) {
          console.log('User tapped custom button: ', response.customButton);
        } else {
            formData = new FormData();
            formData.append("selfieImage", {
                name: 'selfieImage', 
                filename: response.uri
            })
            console.log(formData)

        //   this.setState({
        //     photo: formData,
        //   });
        }
      });

Axios Почтовый индекс:

 await axios({
        method: 'post',
        url: `${'{url}/home-security/image/selfie/' + this.state.newId}`,
        data: formData,
        config: { headers: {
            'Content-Type': 'multipart/form-data',
        }}
        })
        .then(function (response) {
            //handle success
            console.log(response);
        })
        .catch(function (response) {
            //handle error
            console.log(response);
        });

1 Ответ

0 голосов
/ 24 октября 2018

Метод, который я знаю, состоит в том, чтобы преобразовать изображение в строку base64 и передать его через axios.но для загрузки изображения и отправки URL-адреса изображения лучше использовать облачный сервис, например AWS S3.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...