Блог

Главная - Вопросы по программированию - react native загружает изображение методом post

react native загружает изображение методом post

#react-native #react-redux #axios #fetch #form-data

#react-native #реагирует-redux #axios #выборка #форма-данные

Вопрос:

у меня проблема с загрузкой изображения на мой сервер, мой сервер работает с данными формы, и у меня есть другое поле, и я хочу отправить свои данные методом post, но я не могу, пожалуйста, помогите мне 🙏🙏🙏🙏

 formPoster = () => {
    let body = new FormData();
    let formData = new FormData();
    formData.append('nationalId', this.state.nationalId);
    formData.append('name',this.state.name);
    formData.append('lastName',this.state.lastName);
    formData.append('mobileNumber',this.state.mobileNumber);
    formData.append('password',this.state.password);
    var fileName = this.state.image.split('/').pop();
    var fileType = this.state.image.split('.').pop();
    var filePath =  'file://'   this.state.image;

    formData.append('file[]', {
      uri: this.state.image,
      name: fileName,
      type: fileType,
 });

 fetch("sample.myserver.......",
  {
    body: formData,
    method: "post"
  });

 }

Комментарии:

1. в чем ошибка?

2. ошибки нет, есть только предупреждение об отклонении необработанного обещания

3. и тип ошибки — сбой сетевых запросов, но когда я попробовал с postman, все в порядке, и я знаю, что ошибка связана с react native, а не с сервером

4. проверьте в network inspector, что вы отправляете на серверную часть

Ответ №1:

Откуда вы получаете изображение, это должен быть формат

 let formData = new FormData();
images.map((element: any, index: number) => {
                            const imageUrl: any = {
                                uri: element.uri,
                                type: element.mime,
                                name: `whatever`,
                            };
                            formData.append('imageUrls', imageUrl, `whatever`);
                        });

Комментарии:

1. что это за элемент и индекс?

2. а как насчет axios, можете ли вы сказать мне код, который работает, не имеет значения, его выборка или axios, просто мне нужно работать

3. Ваше this.state.image, вам нужно опубликовать больше информации, чтобы проверить, что не так, проверьте, что вы отправляете в инспекторе. И показывает, что такое state.image

Ответ №2:

неверно определен тип файла, он должен быть извлечен из file.mime

Комментарии:

1. Можете ли вы написать код, который вы сказали, потому что я плохо понимаю

2. Можете ли вы закодировать то, что вы сказали, потому что я плохо понимаю