node.js - 使用 multer 进行图像上传时 req.file 未定义
问题描述
使用 multer 上传图像时出现 req.file 未定义错误。我正在使用 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 小时来修复这个错误。
解决方案
我认为当您调用 api 时,您需要在标题中添加 Content-Type": "multipart/form-data。
推荐阅读
- .net - 为什么我会收到这些 Typescript 编译时错误?
- web-services - 跟踪和报告静态站点上的下载
- r - nloptr COBYLA 方法无法识别 R 中的等式约束
- c# - 从 C# 对(拥有的)谷歌邮件帐户的“更”安全的应用程序访问可能是什么?
- python - 在 Tensorflow 中训练 CNN 时,经过一些训练步骤后,损失值变得恒定
- java - 从下载中选择文件时崩溃
- swift - CLSLogv 日志不会出现在 Crashlytics 中
- python - 基于 Python 代码在 R 中绘制断棒过程
- java - 是否可以在 android studio 中启用 jdk11 功能?
- algorithm - 在球冠上找到均匀分布的随机点