0

虽然我已经阅读了很多关于 stackoverflow 的问题，但即使经过几天的尝试，我仍然无法让它工作。这是我使用 express 和 node 的第一周，所以我不知道我是否做对了这些小事。我基本上想上传一个文件，然后将其保存到文件系统，但是，我无法继续 req.files 给我未定义。请在下面查看我的代码。

这是我的 app.js

var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var routes = require('./routes/index');
var users = require('./routes/users');
var upload = require('./routes/upload.js');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

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

/// 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 handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: err
    });
});
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
    message: err.message,
    error: {}
});
});


module.exports = app;

这是我的路线/upload.js

    var express = require('express');
    var router = express.Router();

    /* GET home page. */
    router.get('/', function(req, res) {
    console.log("");
    console.log(req.files);
    res.send('this is the page you get upon doing file upload');
    });

    module.exports = router;

这是我的观点/homepage.jade

doctype html
html
 head
  title= title
  link(rel='stylesheet', href='/stylesheets/style.css')
 body
  p select file to upload
  form(action="upload", method="get", enctype="multipart/form-data")
    input(type="file", name="displayImage")
    input(type="submit")

目前，我听到很多术语，如 multer、connect-busboy、bodyParser 已从 express4 中弃用等，但对如何继续操作一无所知。请告诉我如何进行以及应该添加哪些代码。

谢谢。

4

2 回答 2

1

您需要一个可以解析上传文件的中间件模块。

像这样：

然后在 index.js 中使用中间件，例如：

app.use(multer({ dest: './uploads/'}))

或者

app.use(busboy());
于 2014-09-08T18:43:56.143 回答
0

许多模块在 4.0中从Express 中删除，现在是您必须包含的单独包。开始使用它的最简单方法是使用express-generator为您生成脚手架。这将包括并需要正确的包来解析 cookie 和请求正文。但是，它不包括文件解析器。我用multer整理了一个例子，放到Github上供大家参考。

克隆它后，您可以运行npm install，然后npm start.

我修复的另一件你做错的事情是使用 app.get 作为你的上传处理程序。您不能使用 GET 上传文件。在我的示例中，我将其更改为 POST 请求。以下是相关的片段。

应用程序.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var multer = require('multer');

var routes = require('./routes/index');
var users = require('./routes/users');
var upload = require('./routes/upload');

var app = express();

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

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

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

// 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 handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});


module.exports = app;

索引.jade

extends layout

block content
  h1= title
  p select file to upload
  form(action='upload', method='post', enctype='multipart/form-data')
    input(type='file', name='displayImage')
    input(type='submit')
于 2014-09-08T19:03:45.077 回答