Как загрузить изображение на сервер в React Native

Question

Я пытаюсь загрузить изображение с помощью React Native axios. Но я получаю этот ответ. Я перепробовал все решения, но это не сработало. Я использую ответную реакцию для получения изображения

{ result: null,
  message: 'Wrong access',
  error: true,
  type: 'command_not_found' }

Вот мой код

    ImagePicker.showImagePicker(options, (response) => {

        let formData = new FormData();
        formData.append('image', { uri: response.uri, name: response.fileName, type:response.type });
        let config = {
           headers: {
                   'Content-Type': 'multipart/form-data'
           }
        }
        axios({
           url: "URL",
           method: 'POST',
           data: formData,
           config
         })
         .then(result => console.log(result))
         .catch(error => console.log(error))

     }

Answer 1

Попробуйте использовать raw fetch api.

const createFormData = (photo) => {
  const data = new FormData();

  data.append("photo", {
    name: photo.fileName,
    type: photo.type,
    uri:
      Platform.OS === "android" ? photo.uri : photo.uri.replace("file://", "")
  });

  return data;
};

, а затем повторите попытку загрузки

fetch("http://localhost:3000/api/upload", {
    method: "POST",
    body: createFormData(photo)
});