快递3.4.8照片上传问题 - 如何解决不使用bodyParser()? [英] Express 3.4.8 Photo uploading issue - how to solve without using bodyParser()?
问题描述
我的代码: https://gist.github.com/ yhagio / 10654836
我是新来的,试用了Node.js in Action - Chapter.9(上传照片) )。
作者使用快速版本3.4.0,但是我使用3.4.8,我遇到这个问题,
I'm new to Express, tried from the example of the book "Node.js in Action - Chapter.9"(Uploading photo). The author uses Express version "3.4.0" but I used "3.4.8" and I ran into this issue,
当我尝试时出现错误消息上传图片:
The Error message when I try to upload images:
500 TypeError:无法读取未定义的属性'photo'
routes / 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 )
but I found that in my app.js (bodyParser() is no longer used since 3.4.8)
app.js (在我的代码Express 3.4.8中)
app.js(In my code 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 )
But in author's code has bodyParser().
app.js (作者使用Express 3.4.0
app.js(Author uses 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/ ):
So, I was wondering if I can fix this issue by using multer (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
这没有解决,请帮助我,谢谢。
This didn't solve. Please help me. Thank you.
更新:解决方案我想出了
e working(routes / photos.js)
This code worked(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('/');
});
});
});
};
};
推荐答案
你是否给了节点多方尝试?以下是README中的示例用法:
Have you given node-multiparty a try? Here's example usage from the README:
var multiparty = require('multiparty')
, http = require('http')
, util = require('util')
http.createServer(function(req, res) {
if (req.url === '/upload' && req.method === 'POST') {
// parse a file upload
var form = new multiparty.Form();
form.parse(req, function(err, fields, files) {
res.writeHead(200, {'content-type': 'text/plain'});
res.write('received upload:\n\n');
res.end(util.inspect({fields: fields, files: files}));
});
return;
}
// show a file upload form
res.writeHead(200, {'content-type': 'text/html'});
res.end(
'<form action="/upload" enctype="multipart/form-data" method="post">'+
'<input type="text" name="title"><br>'+
'<input type="file" name="upload" multiple="multiple"><br>'+
'<input type="submit" value="Upload">'+
'</form>'
);
}).listen(8080);
作者(Andrew Kelley)建议避免bodyParser,所以你是正确的避免它,但多方似乎解决了类似的问题。
The author (Andrew Kelley) recommends avoiding bodyParser, so you're right to avoid it, but multiparty seems to solve a similar issue for me.
这篇关于快递3.4.8照片上传问题 - 如何解决不使用bodyParser()?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!