req.files is empty when trying to upload a file to server with node js

Question

HTML:

<form action="/uploadpic" method="post" enctype="multipart/form-data">
    <input type="file" data-clear-btn="true" name="image" id="new_pic" value="" placeholder="Choose File">
    <input type="submit" value="Add" style="width:30%">
</form>

NodeJS:

app.post('/uploadpic', function(req,res) {
console.log(req.files);
console.log(req.body);});

I also use:

var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded());
app.use(bodyParser.json())
app.use(express.bodyParser({uploadDir:'./uploads'}));
app.use(bodyParser.json({ type: 'application/vnd.api+json' }))

in the console I get:

{}
{}

i dont seem to understand what could be the problem here.. thanks !

Which version of Express are you using? I have used BodyParser for file uploads with Express 3* — Nikhil Baliga
– Nikhil Baliga, Commented Jul 11, 2014 at 11:05
I use Express 3. how do you use body parser for file uploads ? — Gil
– Gil, Commented Jul 11, 2014 at 11:07

kannanfa · Accepted Answer · 2014-07-11 12:12:23Z

1

   var fs = require('fs');

    app.post('/uploadpic', function(req,res) {

    //req.files contains array of files iterate and get it
    //if it has only one. it is like object

    //here is the code for object

    if (req && req.files) {

     var contentType = req.files.file.type;    
     var fname = req.files.file.name;    
     var image_path = req.files.file.path;    
     fs.readFile(image_path, function (err, data) { 
      var data = data; //this is your data use this
     })

    }

})

answered Jul 11, 2014 at 12:12

kannanfa

961 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ben Fortune · Accepted Answer · 2014-07-11 11:04:11Z

0

BodyParser doesn't include file uploads. You need to use something like multer or multiparty.

Also express (4.0+) doesn't come bundled with middleware anymore, so you'll need to use bodyparser for POST requests.

answered Jul 11, 2014 at 11:04

Ben Fortune

32.2k10 gold badges82 silver badges82 bronze badges

Collectives™ on Stack Overflow

req.files is empty when trying to upload a file to server with node js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related