我在 Gist 的代码: https://gist.github.com/yhagio/10654836 https://gist.github.com/yhagio/10654836
我是 Express 新手,尝试从《Node.js in Action - Chapter.9》(上传照片)一书中的示例进行尝试。
作者使用 Express 版本“3.4.0”,但我使用“3.4.8”,我遇到了这个问题,
当我尝试上传图片时出现错误消息:
500 TypeError: Cannot read property 'photo' of undefined
路线/photos.js
...
exports.submit = function (dir) {
return function (req, res, next) {
var img = req.files.photo.image; // ---- This 'photo' part is undefined
var name = req.body.photo.name || img.name;
var path = join(dir, img.name);
fs.rename(img.path, path, function (err) {
if (err) { return next(err); };
Photo.create({
name:name,
path:req.name
}, function (err) {
if (err) { return next(err); };
res.redirect('/');
});
});
};
};
但我发现在我的 app.js 中(bodyParser() 自 3.4.8 起不再使用)
app.js(在我的代码 Express 3.4.8 中)
...
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json()); // Instead of bodyParser()
app.use(express.urlencoded()); // Instead of bodyParser()
...
但在作者的代码中有bodyParser()。
app.js(作者使用Express 3.4.0
...
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser()); // This is no longer used in latest version
所以,我想知道是否可以通过使用 multer 来解决这个问题(http://expressjs-book.com/forums/topic/replacement-for-bodyparser-connect-multipart/ http://expressjs-book.com/forums/topic/replacement-for-bodyparser-connect-multipart/):
app.use(express.json());
app.use(express.urlencoded());
app.use(multer({ dest: './public/photos' })); // I tried this
这并没有解决。请帮我。谢谢。
更新:我想出的解决方案
该代码有效(routes/photos.js)
exports.submit = function (dir) {
return function(req, res, next){
var form = new multiparty.Form();
form.parse(req, function(err, fields, files){
var img = files.image[0];
var name = fields.name || img.originalFilename;
var path = join(dir, img.originalFilename);
fs.rename(img.path, path, function(err){
if(err){return next(err); };
Photo.create({
name: name,
path: img.originalFilename
}, function(err){
if(err){return next(err); };
res.redirect('/');
});
});
});
};
};