FormData发布在API上,上传文件时客户端仍然在axios中出现“网络错误”

时间:2019-02-07 00:16:46

标签: express react-native axios expo multer

我正在尝试将图像文件上传到使用multer文件的Express API。 邮递员工作正常。 Axios发布数据,但发送网络错误 -createError中的node_modules / axios / lib / core / createError.js:16:24 -handleError中的node_modules / axios / lib / adapters / xhr.js:87:25 -... 9个来自框架内部的堆栈框架

获取也给出错误

handleChange(value) {
    this.setState({value});
}

async handleSubmit() {
    const date = this.state.chosenDate
    const value = this._form.getValue();
    var imageName = this.state.imageData.split('/').pop(-1)
    var image = {
        uri : this.state.imageData,
        type : 'image/jpeg' ,
        name : imageName
    }
    const body = { ...value , date : date, image : image}

    var formData  = new FormData();

    for(var name in body) {
        formData.append (name, body[name]);
    }

    console.log(formData)
    const url = IP + '/dummy'



    axios({
        method: 'post',
        url: url,
        data: formData,
        config: { headers: {'Content-Type': 'multipart/form-data' }}
        })
        .then(function (response) {
            //handle success
            console.log(response);
        })
        .catch(function (response) {
            //handle error
            console.log(response);
        });


}

0 个答案:

没有答案