我使用的是 node v0.10.26 和 express v4.2.0,我对 node 还很陌生。过去三个小时里,我一直在绞尽脑汁想办法让文件上传表单与 node 兼容。...
我使用的是 node v0.10.26 和 express v4.2.0,我对 node 还很陌生。过去三个小时里,我一直在绞尽脑汁尝试让文件上传表单与 node 配合使用。目前,我只是试图让 req.files 不返回未定义。我的视图如下所示
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1>{{ title }}</h1>
<p>Welcome to {{ title }}</p>
<form method='post' action='upload' enctype="multipart/form-data">
<input type='file' name='fileUploaded'>
<input type='submit'>
</form>
</body>
</html>
这是我的路线
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});
router.post('/upload', function(req, res){
console.log(req.files);
});
module.exports = router;
这是我的 app.js
var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
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', 'hjs');
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);
/// 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;
我看到某个地方包括 methodOverride()
并 bodyParser({keepExtensions:true,uploadDir:path})
应该有所帮助,但如果我添加这些行,我甚至无法启动我的服务器。
另一种选择是使用 multer ,它使用引擎盖下的 busboy,但设置更简单。
var multer = require('multer');
var upload = multer({dest: './uploads/'});
您可以注册一个全局中间件并设置上传的目的地:
app.use(upload.single('avatar'));
然后,在任何您希望文件所在的 POST 中,您都可以访问数据:
app.post('/', function(req, res) {
// req.file (singular) is the file
console.dir(req.file);
});
您可能只想在特定路由上设置它,而不是全局注册的中间件:
app.post('/', upload.single('avatar'), function(req, res){
console.dir(req.file);
});
其他中间件选项包括 fields
, array
,和 none
(用于纯文本多部分)。例如发送多个文件:
app.post('/', uploads.array('photos', 12), function(req, res){
// req.files (plural) is an array of files
console.dir(req.files);
});
在视图中创建表单时, enctype='multipart/form-data
multer 需要工作:
form(role="form", action="/", method="post", enctype="multipart/form-data")
div(class="form-group")
label Upload File
input(type="file", name="avatar", id="avatar")
欲了解更多示例,请查看 github 页面。