can body-parser parse formData with Ajax? #258

sunq0001 · 2017-08-24T10:00:31Z

i tried to use bodyParser to parse formData sent by Ajax, but req.body only returns an empty object.
does that mean bodyParser doesn't have this capability?

client.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        function submitData() {
            var form = document.getElementById('form1');
            var formData = new FormData(form);
            var xhr = new XMLHttpRequest();
            xhr.open('post', 'indexFormData.html', true);
            xhr.onload = function (e) {
                if (this.status == 200) {
                    document.getElementById('result').innerHTML = this.response;
                }
            };
            xhr.send(formData);
        }
    </script>
</head>

<body>
    <form id="form1" enctype="multipart/form-data">
        firstname:
        <input type="text" name="firstname" id="txtFirstName" value="ss"></br>
        lastname:
        <input type="text" name="lastname" id="txtLastName" value="ll"></br>
        <input type="button" value="submit" onclick="submitData()" />
    </form>
    <output id="result"></output>
</body>

</html>

server.js

var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.urlencoded({ extended: false}));
app.use(bodyParser.text());

app.get('/indexFormData.html', function (req, res) {
    res.sendFile(__dirname + '/indexFormData.html');
});

app.post('/indexFormData.html', function (req, res) {
    res.send(req.body);
});
app.listen(1338);

result: {}

sunq0001 · 2017-08-24T10:10:54Z

it is too sad, i have to use multer to solve this problem. but the code looks quite uncomfortable.

var multer = require('multer')().single();
app.use(multer);

dougwilson · 2017-08-24T13:11:46Z

Hi @sunq0001 that's correct: this module does not (currently) support this feature. We have the tracking issue on this as #88 . You're always welcome to implement support as well :)

dougwilson closed this as completed Aug 24, 2017

dougwilson added the question label Aug 24, 2017

juneyoung mentioned this issue Jan 31, 2019

BodyParser - Does not support FormData with Post juneyoung/bingServer#1

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

can body-parser parse formData with Ajax? #258

can body-parser parse formData with Ajax? #258

sunq0001 commented Aug 24, 2017 •

edited by dougwilson

Loading

sunq0001 commented Aug 24, 2017 •

edited by dougwilson

Loading

dougwilson commented Aug 24, 2017

can body-parser parse formData with Ajax? #258

can body-parser parse formData with Ajax? #258

Comments

sunq0001 commented Aug 24, 2017 • edited by dougwilson Loading

sunq0001 commented Aug 24, 2017 • edited by dougwilson Loading

dougwilson commented Aug 24, 2017

sunq0001 commented Aug 24, 2017 •

edited by dougwilson

Loading

sunq0001 commented Aug 24, 2017 •

edited by dougwilson

Loading