我在使用 multer 上传图像时收到 req.file undefined 错误。我正在使用 FormData 将我的图像从 react 发送到 nodejs。我已经查看了 Stack Overflow 的几乎所有解决方案,但我无法解决问题。
我的用于发送文件的 React 代码:
const data = new FormData();
data.append('profile',e.target.files[0]);
axios.post('/imagefilter', data).then(res=>console.log(res)).catch(err=>console.log(err))
我接收文件的输入标签:
<input type="file" onChange={(e) => { onChange(e) }} />
nodejs 服务器代码:
const storage = multer.diskStorage({
destination: (req,file,cb) => {
console.log(req.files);
cb(null,path.join(__dirname, './uploads'))
},
filename: (req,file,cb) => {
cb(null,file.originalname);
}
})
发布路线:
router.post(`/imagefilter`,upload.single('profile'),(req, res) => { console.log(req.file)})
我无法找出错误,我已经浪费了将近 24 小时来修复此错误。
答案 0 :(得分:1)
我认为当您调用 api 时,您需要在标题中添加 Content-Type": "multipart/form-data。
答案 1 :(得分:0)
其实我在用
app.use(fileUpload())
在我创建 imagefilter 路由之前,问题在我删除 fileUpload() 后解决