Как загрузить фотографии с React Native

Question

узел v10.14.1 npm v6.4.1 strapi v3.0.0@13.0.1

Я пытаюсь загрузить фотографию, снятую с помощью компонента PhotoUpload, в Strapi.Несмотря на различные тесты, я получаю ошибку 500 с сервера.

Insert_Files_Into_DataBase = () => {

const formdata = new FormData();
formdata.append("files:", this.state.image1); //Base64

this.setState(
  {
    ActivityIndicator_Loading: true
  },
  () => {
    fetch("" + NETWORK.SERVER_IP + ":1337/upload", {
      method: "POST",
      headers: {
        "Content-Type": "multipart/form-data",
        Authorization: "Bearer " + this.props.userToken.jwt
      },
      body: formdata
    })
      .then(response => response.json())
      .then(responseJsonFromServer => {
        alert(responseJsonFromServer + "Image1 OK!");
        this.setState({ ActivityIndicator_Loading: false });

      })
      .catch(error => {
        console.error(error);
        this.setState({ ActivityIndicator_Loading: false });
      });
  }
);
};

Мой компонент PhotoUpload позволяет мне извлечь Base64 из изображения.Но, похоже, не работает.

С почтальоном все работает правильно

Answer 1

Вы делаете это на симуляторе iOS?Я считаю, что загрузка работает только для меня на реальном устройстве iOS.

Answer 2

Я нашел первую ошибку!Я просто забыл «HTTP://» в адресе моего сервера.

Теперь сервер возвращает мне «true», но изображение на самом деле не загружено

Answer 3

В коде выше вы добавляете files: (с дополнительным двоеточием (:)).Я думаю, вы должны добавить просто files в FormData() как:

formdata.append("files", this.state.image1); //Base64

Это может быть случай, когда вы получаете 500. Если нет, вы должны добавить files вместо files:.

Если это решит вашу проблему, не забудьте поразить голосование.:)