req.body will always empty when we use multer?

Hi guys sorry for the noob question but I was trying to upload file from angular js using https://github.com/danialfarid/ng-file-upload. The problem is when I multer the req.body will always empty. Is this normal? if this is normal how could I send file with some data to name it like [data.id].[mimetype] Something like this

Thank you for your patience in reading my issue here is my Request Payload and code on server side

Request Payload

------WebKitFormBoundarykUG7UcxeBDOSFFb1
Content-Disposition: form-data; name="file"; filename="AD ShoppingisGREATedit.jpg"
Content-Type: image/jpeg


------WebKitFormBoundarykUG7UcxeBDOSFFb1
Content-Disposition: form-data; name="email"

[e-mail]
------WebKitFormBoundarykUG7UcxeBDOSFFb1
Content-Disposition: form-data; name="classId"

76
------WebKitFormBoundarykUG7UcxeBDOSFFb1--

At my Server side

router.post('/upload', function(req, res, next){
    console.log('uploading---')
    console.log(req)
    var storage = multer.diskStorage({
          destination: function (req, file, cb) {
            console.log(req.body)
            cb(null, ('hidden/images/slip/' +req.body.classId) )
          },
          filename: function (req, file, cb) {
            cb(null, file.fieldname + '-' + Date.now())
          }
        })

    //var upload = multer({ dest: ('hidden/images/slip/' + req.body.classId) }).single('file')
    var upload = multer({ storage:storage }).single('file')
    console.log(upload)
    upload(req,res,function(err) {
        if(err) {
            return handleError(err, res);
        }
        console.log("done upload---")
        res.json({"status":"completed"});
    });
})

[LinusU]

From the documentation:

Note that req.body might not have been fully populated yet. It depends on the order that the client transmits fields and files to the server.

As you can see in your request payload, the file is sent before the classId field, and thus there is no way for multer to know about classId when it’s handling the file.

I wish I had an easy solution for you but the only thing I can recommend is to manually reorder the fields with javascript to make sure that fields are sent before files.

This has come up a number of times before, e.g. #146 where the workaround is outlined…

[fanghm]

It doesn’t work for me. but i found the real cause is, we should print req.body inside the upload() function, instead of outside of it (either before or after it).

Try adding below line console.log(req.body) near console.log("done upload---") in above code example, it should print all non-file type form fields .