我是第一次在这里发帖所以如果帖子有什么不对的话请告诉我。 我是节点和表达新手。我创建了一个简单的注册表单,但是当我按下Register(提交)按钮时,我得到了req.body.name作为" undefiend" 。 下面我附上了我的app.js,users.js和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')
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;
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;
答案 0 :(得分:3)
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;
HeadersMapFactory
答案 1 :(得分:0)
那是因为您没有正确使用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
...
})
...
答案 2 :(得分:0)
首先,尝试在表单中不包含文件的情况下,从表单元素中删除enctype属性
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).
您的正文解析器必须工作的位置,然后您将在req.body属性中获取请求数据。 如果您打算将enctype用于通过表单上传文件, 您必须正确配置multer,将此代码放在users.js文件中
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'.
以及处理您的发帖请求
req.file
现在multer将解析您的传入数据,并在我们使用uplaod.single()文件时将在
中提供req.files
,如果您使用uplaod.array()文件,则将在
中使用req.body
,所有文本字段值都将位于
{{1}}