nodejs express 4.0+的文件上传

express 框架4.0+取消了原来的中间件，所以之前的  app.use(express.bodyParse());这个方法不能用了。需要自己引入 connect-multiparty 。具体操作和之前是类似的，主要还是在中间件的引用上。具体问题代码一上，就一目了然。

首先看文件结构，这里是基本的express文件结构，没什么特别的地方

下面我们看引入的包结构，配置好了包之后npm install一下就可以了

{
  "name": "expresstest",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "express": "~4.9.0",
    "body-parser": "~1.8.1",
    "cookie-parser": "~1.3.3",
    "morgan": "~1.3.0",
    "serve-favicon": "~2.1.3",
    "debug": "~2.0.0",
    "jade": "~1.6.0",
    "mysql":"latest",
    "jugglingdb": "0.3.x",
    "jugglingdb-mysql": "latest",
    "connect-multiparty":"~1.0.5"   //就是这里了
  }
}

ok,下面我们看怎么去实现文件上传的

第一步，requre 下我们要的包

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 multiparty=require('connect-multiparty');  // 就是这里了，引入了我们要的包，这个包的引入同时也解决了 <span style="color: rgb(34, 34, 34); font-family: Consolas, 'Lucida Console', monospace; white-space: pre-wrap;">multipart/form-data 的form 表单的提交问题</span>

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

var app = express();

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

// 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(multiparty({uploadDir:'f:/TEST', keepExtensions:true})); //配置 uploadDir如果不配置的话蒋传到默认的temp文件夹,一般情况下是建议配置的
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

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 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;

其实这一步配置完成之后，你点文件上传，文件就已经上传到服务器了。

这里我用的是users下面的文件 

user.js

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

var fs = require('fs'); //移动文件需要的包

/* GET users listing. */
router.get('/', function(req, res) {
  res.send('respond with a resource');
});

router.get('/t/',function(req,res){
	res.send('just test!');
});

router.get('/test',function(req,res){
	 res.render('test', { title: 'dsdsdsds' });
});

router.post('/file',function(req,res){
	if(req.files.filePic!='undefined'){ //如果有需要上传的文件
		var tempPath=req.files.filePic.path; //获取上传之后的文件路径
		fs.rename(tempPath,"F:\\TEST\\test\\1.jpg",function(err){  //将文件移动到你所需要的位置
			if(err){throw err}
			fs.fs.unlink(tempPath);	
		});
	}
	res.send("put");
});

module.exports = router;

OK，到这里，文件上传就完成了