文件的上传react express 使用axios, formdata与multer,图片上传失败,求助各位大&神???

新手上路,请多包涵

问题描述

react express 上传文件失败

问题出现的环境背景及自己尝试过哪些方法

用axios处理的

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
前端react

formData.append("file",${this.refs.file.files[0]});
formData.append("username",${this.state.username});
formData.append("phone",${this.state.phone});
formData.append("password",${this.state.password});
axios.post('/user/register',formData,{

headers:{
    "Content-Type":"multipart/form-data"
}

}).then((val)=>{

console.log(val);

}).catch((err)=>{

console.log(err);

})

node后端express
let storage = multer.diskStorage({

destination:function (req,res,cb) {
    cb(null,'public/images/user');
},
filename:function (req,res,cb) {
    cb(null, 'user.jpg');
}

});
let upload = multer({storage:storage});

router.post('/user/register',upload.single('file'),home.postRegister);

exports.postRegister = function (req,res,next) {
console.log(req.body);
}

//输出信息
[Object: null prototype] {
file: '[object File]',
username: 'tygsga',
phone: '15536106146',
password: 'dfasafasd' }

你期待的结果是什么?实际看到的错误信息又是什么?

求助各位大神,如何上传啊???

阅读 2.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题