Question

虽然我已经阅读了很多关于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等弃用，但对于如何继续进行并没有真正的想法。请告诉我如何继续以及应该添加什么代码。

感谢。

Answer 1

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

像这样：

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

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

或

app.use(busboy());

Answer 2

许多模块已从Express in 4.0移除，现在您必须包含separate packages。开始使用它的最简单方法是使用express-generator为您生成脚手架。这将包括并要求正确的包解析cookie和请求正文。但它不包括文件解析器。我使用multer汇总了一个示例并将其放在Github for you to reference上。

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

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

<强> app.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;

<强> index.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')

文件上传快递js再次出现问题

2 个答案: