node.js 文件上传类型错误无法读取属性“图像”答案

【问题标题】：node.js file upload typeError Can not read property 'image'node.js 文件上传类型错误无法读取属性“图像”
【发布时间】：2014-10-17 04:27:17
【问题描述】：

我正在使用这个程序示例将图像上传到 uploads/fullsize 目录。应用程序正在运行，但如果我尝试上传图片，则会出现以下错误：

TypeError：无法读取 Object.handle 处未定义的属性“图像” (/Users/machupicchu/Desktop/test/app.js:46:23) 在 next_layer (/Users/machupicchu/Desktop/test/node_modules/express/lib/router/route.js:103:13) 在 Route.dispatch （/Users/machupicchu/Desktop/test/node_modules/express/lib/router/route.js:107:5）在 c （/Users/machupicchu/Desktop/test/node_modules/express/lib/router/index.js:195:24）在 Function.proto.process_params (/Users/machupicchu/Desktop/test/node_modules/express/lib/router/index.js:251:12) 接下来（/Users/machupicchu/Desktop/test/node_modules/express/lib/router/index.js:189:19）接下来（/Users/machupicchu/Desktop/test/node_modules/express/lib/router/index.js:166:38）接下来（/Users/machupicchu/Desktop/test/node_modules/express/lib/router/index.js:166:38）在 Layer.staticMiddleware [作为句柄] （/Users/machupicchu/Desktop/test/node_modules/express/node_modules/serve-static/index.js:55:61）在 trim_prefix (/Users/machupicchu/Desktop/test/node_modules/express/lib/router/index.js:226:17)

应用程序如下所示：

var express = require('express');
var bodyParser = require('body-parser');
var path = require ('path');
var port = 3000;
var fs = require('fs');


//var collection;
//dataExt = require('./routes/serverExtend');
// setup middleware
var app = express();
app.use(bodyParser());
app.use(express.static(__dirname + '/public')); //setup static public directory

app.set('views', __dirname + '/views'); //optional since express defaults to CWD/views
app.set('view engine', 'ejs');

// Start server
app.listen(port);
console.log('App started on port ' + port);


var form = "<!DOCTYPE HTML><html><body>" +
"<form method='post' action='/upload' enctype='multipart/form-data'>" +
"<input type='file' name='image'/>" +
"<input type='submit' /></form>" +
"</body></html>";

app.get('/', function (req, res){
    res.writeHead(200, {'Content-Type': 'text/html' });
    res.end(form);  
});

app.get('/uploads/fullsize/:file', function (req, res){
    file = req.params.file;
    var img = fs.readFileSync(__dirname + "/uploads/fullsize/" + file);
    res.writeHead(200, {'Content-Type': 'image/jpg' });
    res.end(img, 'binary');

});

/// Post files
app.post('/upload', function(req, res) {

    fs.readFile(req.files.image.path, function (err, data) {

        var imageName = req.files.image.name

        /// If there's an error
        if(!imageName){

            console.log("There was an error")
            res.redirect("/");
            res.end();

        } else {

          var newPath = __dirname + "/uploads/fullsize/" + imageName;

          /// write file to uploads/fullsize folder
          fs.writeFile(newPath, data, function (err) {

            /// let's see it
            res.redirect("/uploads/fullsize/" + imageName);

          });
        }
    });
});

有人可以帮我为什么会收到 TypeError 吗？还创建了我应该保存文件的目录。应用程序.js 上传 -> 全尺寸 -> images.jpg

【问题讨论】：

标签： node.js file-upload

【解决方案1】：

您需要多部分中间件来上传文件，因为 body-parser 没有提供它。

首先，将其添加到应用的顶部：

var multipart = require('connect-multiparty');

接下来，稍微修改一下你的发帖路线：

app.post('/upload', multipart(), function(req, res) {
   // ... 
}

现在req.files 现在应该可以在您的POST /upload 路由中使用了。

【讨论】：