Flutter调用后端上传接口时req.file/req.files为undefined，Postman正常

核心问题：后端multer使用方式错误 #

你的后端代码在路由处理函数内部手动调用upload.single("myFile")，且在multer的回调逻辑外直接返回响应，这会引发两个关键问题：

1. 请求还未完成文件解析就提前返回响应，multer的文件解析流程被中断
2. 未遵循multer标准的中间件挂载方式，导致请求解析逻辑异常（Postman因请求特性侥幸正常，但Flutter请求触发了这个问题）

修正后的后端代码 #

将upload.single("myFile")作为中间件直接绑定到路由上，而非在处理函数内手动调用：

const filefilter = (req, file, cb) => {
    if (['image/jpeg', 'image/jpg', 'image/png', 'image/webp'].includes(file.mimetype)) {
        cb(null, true)
    } else {
        cb(null, false)
    }
}

var upload = multer({ 
    dest: 'public/uploads', 
    fileFilter: filefilter, 
    limits: { fieldSize: 10 * 1024 * 1024 } 
});

// 正确挂载multer中间件
router.post("/uploadFile", upload.single("myFile"), (req, res) => {
    if (!req.file) {
        return res.status(400).send({ 'Error': 'Invalid file type or no file uploaded' });
    }
    console.log('req.file: ', JSON.stringify(req.file));  
    console.log('req.files: ', JSON.stringify(req.files));
    res.send({'Success': 'File uploaded'});
});

额外排查点 #

• Flutter端文件路径验证：确认filePath是有效本地路径，文件真实存在。可通过print(filePath)和File(filePath).exists()做校验。
• 禁止手动设置Content-Type：http.MultipartRequest会自动生成带正确boundary的multipart/form-data请求头，手动设置会覆盖边界值，导致后端无法解析表单。
• 局域网IP适配：若Flutter运行在真机/模拟器上，替换127.0.0.1为电脑的局域网IP，同时后端需配置CORS（比如使用cors中间件）。

内容的提问来源于stack exchange，提问作者SYED ASAD KAZMI