Блог

 export const updateUserAvatarResponse = async data => {

const resp = await fetch(config.domain   '/api/users/update/avatar/', {
    method: 'POST',
    headers: {
        Accept: 'application/json',
        'Content-Type': 'multipart/form-data',
        'Authorization': 'Bearer '   data.access,
    },
    body: new FormData('avatar', {
        type: 'image/jpeg',
        uri: data.avatar.uri,
        name: 'filename.jpg',
        // data: data.avatar,
    }),
});

return await resp.json();
  

};

updateAva = async () => { const options = { title: `Выбрать аватар’, // NoData: false, storageOptions: { // skipBackup: true, path: ‘images’, }, // multiple: true, // includeExif: true,

     };

    ImagePicker.showImagePicker(options, (response) => {
        if (response.uri) {
            this.setState({
                imageData: response.uri,
                data: response
            });
            this.uploadImage();
        }
    });
};

uploadImage = async () => {
    const access = await getAccessToken();

    const resp = await updateUserAvatarResponse({
        access: access,
        avatar: this.state.data
    });

    console.log(this.state.data);

    console.log(resp);
};
  

Но появляется эта ошибка
введите описание изображения здесь

Актуальная проблема здесь:

 body: new FormData('avatar', {
    type: 'image/jpeg',
    uri: data.avatar.uri,
    name: 'filename.jpg',
    // data: data.avatar,
}),
  

Вы пытаетесь создать новый экземпляр FormData , передавая туда недопустимые аргументы. Согласно документации FormData, этот подход к созданию FormData действителен, когда вы передаете HtmlElement то, что вы можете получить из document.getElementById (в качестве примера).

Правильный способ создания FormData в вашем случае будет:

 let data = new FormData();
data.append('avatar', {
   type: 'image/jpeg',
   uri: data.avatar.uri,
   name: 'filename.jpg',
});