React-native-image-picker 未上传到服务器

Question

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, //包括Exif：正确，    };    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);};但出现此错误。

Answer 1

实际问题在这里：

body: new FormData('avatar', {

    type: 'image/jpeg',

    uri: data.avatar.uri,

    name: 'filename.jpg',

    // data: data.avatar,

}),

FormData您正在尝试通过传递无效参数来创建新实例。根据FormData 的文档，当您传递HtmlElement可以从中获取的值document.getElementById（例如）时，这种创建 FormData 的方法是有效的。

根据您的情况，正确的创建方法FormData是：

let data = new FormData();

data.append('avatar', {

   type: 'image/jpeg',

   uri: data.avatar.uri,

   name: 'filename.jpg',

});