为什么 ExpressJS 请求正文不起作用

Question

我是第一次在这里发帖，所以如果帖子有任何问题，请告诉我。 我是 node 和 express 的新手。我创建了一个简单的注册表单，但是当我按下 Register(submit) 按钮时，我得到了 req.body.name 作为 "undefiend" 。 下面我附上了我的 app.js、users.js 和 register.jade 文件。

register.jade

extends layout

    block content
        h1 Register
        p Please Register using a form below
        ul.errors
            if errors
                each error , i in errors
                    li.alert.alert-danger #{error.msg}
        form(method='post',action='/users/register',enctype='multipart/form-data')
            .form-group
                label Name
                input.form-control(name='name',type='text',placeholder='Enter Your Lucky Name')
            .form-group
                label Email
                input.form-control(name='email',type='email',placeholder='Enter Your Email')
            .form-group
                label Password
                input.form-control(name='password',type='password',placeholder='Enter Password')
            .form-group
                label Confirm Password
                input.form-control(name='password2',type='password',placeholder='Enter Password')
            .form-group
                label Profie Image
                input.form-control(name='profileimage',type='file')

            input.btn.btn-default(name='submit',type='submit',value='Register') 

app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var expressValidator=require('express-validator');
var cookieParser = require('cookie-parser');
var session=require('express-session');
var passport=require('passport');
var LocalStartegy=require('passport-local').Strategy;
var bodyParser = require('body-parser');
//var multer=require('multer');
var flash=require('connect-flash');
var mongo=require('mongodb');
var mongoose=require('mongoose');
var db=mongoose.connection;
//var upload=multer({dest:'./uploads'});
var routes = require('./routes/index');
var users = require('./routes/users');
var multer = require('multer');
var upload = multer({ dest: './uploads' });
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
//Handle file upload
app.use(multer({dest:'./uploads'}));

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
//Handle express sessions
app.use(session({
    secret:'secret',
    saveUninitialized:true,
    resave:true
}));
//passport
app.use(passport.initialize());
app.use(passport.session());
app.use(expressValidator());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(flash());
app.use(require('connect-flash')());
app.use(function (req, res, next) {
    res.locals.messages = require('express-messages')(req, res);
        next();
}); 

app.use('/', routes);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
    res.locals.message = err.message;
    res.locals.error = req.app.get('env') === 'development' ? err : {};

    // render the error page
    res.status(err.status || 500);
    res.render('error');
});

module.exports = app; 

users.js

var express = require('express');
var router = express.Router();
var User = require('../models/user');

/* GET users listing. */
router.get('/', function(req, res, next) {
    res.send('respond with a resource');
});

/* GET users listing. */
router.get('/register', function(req, res, next) {
    res.render('register',{
        'title':'Register'
    });
});

router.get('/login', function(req, res, next) {
    res.render('login',{
        'title':'Login '
    });
});

router.post('/register',function(req,res,next) {
    //Get form Values
    var name=req.body.name;
    var email=req.body.email;
    //var username=req.body.username;
    var password=req.body.password;
    var password2=req.body.password2;
    console.log('hello ' +req.body);  //gets hello [object Object]
    console.log('hello' + req.body.name); //H=hello undefined 


    //Check For Image Field
    if(req.files.profileimage) {
        console.log("uploding file");
        var profileImageOriginalName=req.files.profileimage.originalname;
        var profileImageName=req.files.profileimage.name;
        var profileImageMime=req.files.profileimage.mime;
        var profileImagePath=req.files.profileimage.path;
        var profileImageExt=req.files.profileimage.extension;
        var profileImageSize=req.files.profileimage.size;
    } else {
        var profileImageName='NoImage.png';
    }

    //Form Validation

    req.checkBody('name','Name Field is Required').notEmpty();
    req.checkBody('email','Email Field is Required').notEmpty();
    req.checkBody('email','Enter Correct Email').isEmail();
    req.checkBody('password','Password  Field is Reqired').notEmpty();
    req.checkBody('password2','Password Doesn\'t match').equals(req.body.password);

    //Check For Errors

    var errors = req.validationErrors();
    if(errors) {
        res.render('register', {
            errors:errors,
            name:name,
            email:email,
            username:username,
            password:password,
            password2:password2
        });
    } else {
        var newUser = new User({
            name:name,
            email:email,
            // username:username,
            password:password,
            //profileimage:profileImageName
        });

        User.createUser(newUser,function(err,user){
            if(err) throw err;
            console.log(user);
        });

        req.flash('success','You Have Successfulyy Registerd');
        res.location('/');
        res.redirect('/'); 
    }

});
module.exports = router;

Answer 1

body 属性不是Response 的成员，它是Request 的成员。所以你的代码应该是正确的，如下所示。

使用console.log('hello ' + req.body); 代替console.log('hello ' + res.body);

var express = require('express');
var router = express.Router();
var User = require('../models/user');

/* GET users listing. */
router.get('/', function (req, res, next) {
    res.send('respond with a resource');
});
/* GET users listing. */
router.get('/register', function (req, res, next) {
    res.render('register', {
        'title': 'Register'
    });
});

router.get('/login', function (req, res, next) {
    res.render('login', {
        'title': 'Login '
    });
});

router.post('/register', function (req, res, next) {
    //Get form Values
    var name = req.body.name;
    var email = req.body.email;
    //var username=req.body.username;
    var password = req.body.password;
    var password2 = req.body.password2;

    console.log('hello ' + req.body);  //gets undefined


    //Check For Image Field
    if (req.files.profileimage) {
        console.log("uploding file");
        var profileImageOriginalName = req.files.profileimage.originalname;
        var profileImageName = req.files.profileimage.name;
        var profileImageMime = req.files.profileimage.mime;
        var profileImagePath = req.files.profileimage.path;
        var profileImageExt = req.files.profileimage.extension;
        var profileImageSize = req.files.profileimage.size;
    } else {
        var profileImageName = 'NoImage.png';
    }

    //Form Validation

    req.checkBody('name', 'Name Field is Required').notEmpty();
    req.checkBody('email', 'Email Field is Required').notEmpty();
    req.checkBody('email', 'Enter Correct Email').isEmail();
    req.checkBody('password', 'Password  Field is Reqired').notEmpty();
    req.checkBody('password2', 'Password Doesn\'t match').equals(req.body.password);

    //Check For Errors

    var errors = req.validationErrors();
    if (errors) {
        res.render('register', {
            errors: errors,
            name: name,
            email: email,
            username: username,
            password: password,
            password2: password2
        });
    } else {
        var newUser = new User({
            name: name,
            email: email,
            // username:username,
            password: password,
            //profileimage:profileImageName
        });

        User.createUser(newUser, function (err, user) {
            if (err) throw err;
            console.log(user);

        });


        req.flash('success', 'You Have Successfulyy Registerd');
        res.location('/');
        res.redirect('/');
    }

});
module.exports = router;

Answer 2

那是因为你没有正确使用multer。

// Declare
var upload = multer({ dest: 'uploads/' })
...

/** 
 * Use multer as the middleware for this route. This is should parse multipart/form-data encoding
 * and pick up the uploaded image file and assign to req.file.
**/
router.post('/register', upload.single('profileimage), function (req, res, next) {
  console.log(req.file); // you will see fields related to your uploaded file.
  console.log(req.body); // you will see your form fields
  ...
})

...

Answer 3

首先，尝试在表单中不使用文件从表单元素中删除 enctype 属性

enctype='multipart/form-data' 

您的正文解析器必须在哪里工作，然后您将在 req.body 属性中获取请求数据。 如果您打算使用 enctype 通过表单上传文件， 您必须正确配置您的 multer，将此代码放在 users.js 文件中

var multer = require('multer');
var upload = multer({ dest: './uploads' }); // make sure you have uploads folder  
//(I would recommend using disk storage for complete control over uploaded files).

当你处理你的发帖请求时

router.post('/register', upload.single('field_name'), function(req,res,next){
    //req.body will have text data
    // req.file will have file uploaded via form.

}); 
// make sure what ever you have name attribute value in from file input
// use that instead of <filed_name>. in your case 'profileimage'.

现在 multer 将解析您的传入数据，并且我们使用 uplaod.single() 文件将在

中可用

req.file

如果你使用了 uplaod.array() 文件将在

中可用

req.files

所有文本字段的值都将在

req.body