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

发布于 2022-09-11 20:24:11 字数 1324 浏览 17 评论 0

问题描述

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文