文件的上传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' }
你期待的结果是什么?实际看到的错误信息又是什么?
求助各位大神,如何上传啊???
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论