Express无法上传文件,req.files未定义。

13

如果我漏掉了什么并且非常愚蠢,我真的很抱歉,但我已经检查了很多次,并且文件上传功能在这里根本无法工作。我创建了一个超级简单的应用程序进行演示。只是生成了一个最新版本(3.4.7)的 express 应用程序,并添加了最少的内容以使文件上传工作。

这是我的 app.js 文件

/**
 * Module dependencies.
 */

var express = require('express');
var http = require('http');
var path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/tasks', function(req, res) {
  res.render('form');
});
app.post('/tasks', function(req, res) {
  console.log(req.files);
  res.send('ok');
});

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

exports = module.exports = app;

这是我的form.jade视图文件:

doctype html
html
  head
    title Task Upload
  body
    form(action='/tasks', method='post', enctype='multipart/form-data')
      input(name='task', type='file')
      input(type='submit')

每次我尝试上传文件,req.files 都会输出 undefined。有人能帮我解决这个问题吗?

2个回答

9
在您的app.js中添加以下内容。
app.configure(function(){
app.use(express.methodOverride());
app.use(express.bodyParser({keepExtensions:true,uploadDir:path.join(__dirname,'/files'}));

});

然后尝试按以下方式访问;

req.files.task

建议不使用bodyParser,而是直接定义所需的处理类型。在您的情况下,因为它是文件上传,您可以按如下方式启用它。

   app.configure(function(){
    app.use(express.methodOverride());
    app.use(express.multipart());
   });

您可以通过访问以下链接了解为什么不建议使用bodyParser()。http://andrewkelley.me/post/do-not-use-bodyparser-with-express-js.html

谢谢!我刚才没注意到bodyParser,真是太愚蠢了。链接也非常有帮助。 - hulufei

5
在Express 4中,默认情况下,req.filesreq对象中不再可用。要访问上传的文件,请使用类似busboy、multer、formidable、multiparty、connect-multiparty这样的多部分处理中间件来访问req.files对象。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接