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" //就是这里了
}
}
第一步,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,到这里,文件上传就完成了