Express.js文件上传

时间:2012-05-18 14:00:07

标签: javascript node.js express

我很擅长表达并且使用express.bodyParser上传文件时遇到问题。 bodyParser与req.body按预期工作,因此它似乎已正确设置。我正在运行节点0.6.17并表达2.5.8。每当我尝试访问req.files时,它都是未定义的。有谁知道这个问题的原因是什么?

来自app.js的

app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.cookieParser());
  app.use(express.session({secret: "string" }));
  app.use(flash());
  app.use( express.bodyParser() );
  app.use(expressValidator);
  app.use(express.methodOverride());
  app.use(express.static(__dirname + '/public'));
  app.use(app.router);
});
来自index.js的

app.get('/product/add', function(req, res) {
    res.render("add_products", {
      title: "Add Products",
            email: req.session.email || 'Sign In/Up',
      error: req.flash('error') || []
    });
});

app.post('/product/add', function(req, res) {
console.log(req.files) // prints undefined
var errors = generate_error_messages(req, 'product/add') || [];
if (errors.length > 0) {
  var errors_string_array = messages(errors);
  req.flash('error', errors_string_array);
  res.redirect('/product/add');
} else {
  ProductDatabase.save(req, function(err, docs) {
    res.redirect('/');
  });
}
});

add_products.jade

  form(class='form-horizontal', method='post', action='/product/add')
    fieldset
      .control-group
        label(class='control-label', for="title") Product Title
        .controls
          input(type="text", class="input-xlarge", name="title")
      .control-group
        label(class='control-label', for="description") Description
        .controls
          textarea(class="input-xlarge", name="description", rows="5")
      .control-group
        label(class='control-label', for='auction_length') Auction Length
        .controls
          select(name='auction_length')
            option 1 day
            option 2 days
            option 5 days
      .control-group
        label(class='control-label', for="fileInput") Upload Image
        .controls
          input(class='input-file', name='fileInput', type='file')
      .form-actions
        input(type="submit", class="btn btn-primary") Sell Product
        a.btn(href='/') Cancel

3 个答案:

答案 0 :(得分:0)

怎么样 connect-form?根据我的经验,这更好。

答案 1 :(得分:0)

你在add_products.jade文件中遇到问题。

第一行表单标签应该具有enctype属性。它应该是,

form(class ='form-horizo​​ntal',method ='post',action ='/ product / add',enctype ='multipart / form-data')

发布文件你应该具有该属性。

答案 2 :(得分:0)

简单上传你只需要这些配置:

app.use(express.static(__dirname + '/upload'));
app.use(express.bodyParser({uploadDir:__dirname + '/upload'}));

并在玉模板中:

form(method='post', action='/upload', enctype='multipart/form-data')
    input(name='file', type='file')
    input(type='submit')