Getting http post form data in Node.JS

Question

Hey I am trying to send the post request using express and node and here is my code.

index.html

<html>

<head>
    <title>Test</title>
</head>

<body>
    <form action="/form" method="POST" enctype="multipart/form-data">
        <input type="text" name="imagename"></input>
        <input type="submit" name="submit" value="submit"></input>
    </form>
</body>

</html>

My app.js file is given below:

var express = require('express');
var app = express();
var bodyParser = require('body-parser');

app.use(bodyParser.urlencoded({
   extended: true
}));
app.use(bodyParser.json());

app.post('/form', function(req, res){
 res.setHeader('Content-Type', 'application/json');
 setTimeout(function(){
     res.send(JSON.stringify({
        imagename: req.body.imagename || null

    }));
  }, 1000);
});

Now I should get the output as imagename: //value added in the form if true or else null. And I am always getting a null value. I tried to log the value of req.body.imagename and I am getting undefined instead of the value that I inserted in the form. Any help would be appretiated.

Edmundo Santos · Accepted Answer · 2017-07-10 17:03:40Z

7

You have to add the body-parser to your Express's app.

var app = express();
var bodyParser = require('body-parser');

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));

// parse application/json
app.use(bodyParser.json());

However, I've seen that you've declared your form with the enctype='multipart/formdata'. This is usually used to make file uploads, if it's really what you want, you're going to need to use another parser for it.

answered Jul 10, 2017 at 17:03

Edmundo Santos

8,3163 gold badges31 silver badges41 bronze badges

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

2 Comments

M.Shaikh Over a year ago

I am trying to add a file and so I have used multipart/formdata. and I have included the two lines for bodyparser, just forgot to copy here. But because nothing was working I thought that first lets make the text working and then I will look into file and commented the file upload part. Thanks.

M.Shaikh Over a year ago

@JonathanLonowski and Edmundo Rodrigues Thanks a lot for your feedback. I was able to send the data when I removed the multipart from the form. Now I will try and use mulder and hope that works with the files. Cheers.

coockoo · Accepted Answer · 2017-07-10 17:04:44Z

2

You required 'body-parser' middleware, but forgot to use it in your express app.

app.use(bodyParser.urlencoded())

and you don't need this one

enctype="multipart/form-data"

answered Jul 10, 2017 at 17:04

coockoo

2,40219 silver badges27 bronze badges

1 Comment

M.Shaikh Over a year ago

I already had the app.use(bodyParser.urlencoded()) in my code just forgot to copy here. and I need the second part because I will be using file uploads in the future.

Collectives™ on Stack Overflow

Getting http post form data in Node.JS

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related