Node.js 中的 Multer 中间件在 req.body 中返回空对象，在 req.file 中返回未定义对象

Question

问题是当我使用 multer 并在 Postman 中发送请求时，req.body 是一个空对象，而 req.file 是未定义的。我已经取消选中邮递员中的内容类型标头。

这是代码：

//Route
const storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, '../uploads/');
    },
    filename: function (req, file, cb) {
        cb(null, new Date().toISOString() + file.originalname);
    }
});

const upload = multer({
    storage,
    limits: {fileSize: 1024 * 1024 * 10}
});

router.post('/test', upload.single('profilePicture'), authController.test);

//Controller

const test = (req, res) => {
    console.log(req.body)
    console.log(req.files)
    res.json({body:req.body, files:req.files})
}

//app.js

app.use(express.json({extended: true, limit: '30mb'}));
app.use(express.urlencoded({extended: true, limit: '30mb'}))
app.use(cookieParser());

app.use('/api/auth', authRoutes);
app.use('/api/product', productRoutes);
app.use('/api/profile', profileRoutes);

编辑：原来，问题出在 Postman 上。我从一个 React 应用程序向 axios 提出了一个请求，一切正常。所以问题是，为什么它在 Postman 中不起作用？是软件中的一些错误还是我们应该更改的一些设置？

Answer 1

问题是 Nodejs 默认使用 Ansynchornus Javascript。您需要使用async-await 方法和try-catch-finally 方法，而不是传统的 JS 编程。

所以你的控制器看起来像 -

//Route
router.post('/test', async (req, res, next)=>
 {
    try{
         await upload.single('profilePicture')
         next()
    } catch(err){
    console.log(err)
    res.send('failed!')
    }, 

authController.test);

//Controller

const test = async (req, res) => {
   try{

       console.log(req.body)
       console.log(req.files)
       res.json({body:req.body, files:req.files})
    } catch(err){
    console.log(err);
    }

}

答案的后期补充。 如果你只是想访问上传的图片，那么你应该使用buffer。

var storage = multer.memoryStorage()
var upload = multer({ storage: storage })