问题描述
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' }
你期待的结果是什么?实际看到的错误信息又是什么?
求助各位大神,如何上传啊???