强大的上传不起作用：“文件”未定义，没有错误答案

【问题标题】：Formidable Upload Not Working: 'files" undefined, no error强大的上传不起作用：“文件”未定义，没有错误
【发布时间】：2014-09-03 10:41:03
【问题描述】：

我正在尝试按照Node Beginner Book 中的教程使用强大的上传文件。在此代码之后，我有一个服务器模块，它将request 对象传递给 requestHandler 模块。主页使用以下处理程序加载表单：

function start(response) {
    console.log("Request handler 'start' was called.");

    var body = '<html>'+
        '<head>'+
        '<meta http-equiv="Content-Type" content="text/html"; '+
        'charset=UTF-8" />'+
        '</head>'+
        '<body>'+
        '<form action="/upload" enctype="multipart/form-data method="post">'+
        '<input type="file" name="upload" multiple="multiple"'+
        '<input type="submit" value="Upload file" />'+
        '</form>'+
        '</body>'+
        '</html>';

    response.writeHead(200, {"Content-Type": "text/html"});
    response.write(body);
    response.end();

}

当表单提交时，/upload 路径触发如下上传处理函数：

function upload(response,request) {
    console.log("Request handler 'upload' was called.");

    var form = new formidable.IncomingForm();
    console.log("about to parse");
    form.parse(request, function(error, fields, files) {
        console.log("parsing done");

        console.log(util.inspect({error: error, fields: fields, files: files}));

        fs.rename(files.upload.path, "/tmp/test.png", function(error) {
            if (error) {
                console.log(error);
                fs.unlink("/tmp/test.png");
                fs.rename(files.upload.path, "/tmp/test.png");
            }
        });
        response.writeHead(200, {"Content-Type": "text/html"});
        response.write("received image:<br/>");
        response.write("<img src='/show' />");
        reponse.end();
    });

}

但是，当单击上传按钮时，服务器崩溃并出现以下错误：

/home/****/Coding/nodebeginner/requestHandlers.js:38
        fs.rename(files.upload.path, "/tmp/test.png", function(erro
                              ^
TypeError: Cannot read property 'path' of undefined
    at /home/****/Coding/nodebeginner/requestHandlers.js:38:25
    at IncomingForm.<anonymous> (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:104:9)
    at IncomingForm.EventEmitter.emit (events.js:92:17)
    at IncomingForm._maybeEnd (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:551:8)
    at Object.end (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:238:12)
    at IncomingMessage.<anonymous> (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:129:30)
    at IncomingMessage.EventEmitter.emit (events.js:92:17)
    at _stream_readable.js:920:16
    at process._tickCallback (node.js:415:13)

显然files 变量是未定义的。我认为可能有错误，但没有将error 变量设置为null。所以我在这里有点难过。想法？

【问题讨论】：

您使用的是哪个服务器模块？通常，或者至少在默认的createServer 和Express.js 中，参数顺序是request, response，所以可能是undefined，因为upload(response,request) 应该是 upload(request,response)？此外，您在 multipart/form-data 之后缺少一个结束引号
对，现在我收到一个新错误：/home/ethan/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:301 if (this.headers['content-length' ]) { ^ TypeError: 无法读取未定义的属性“内容长度”
你能修复它吗？我正在做同样的教程并遇到同样的问题。

标签： node.js file-upload formidable

【解决方案1】：

我也遇到了同样的问题。您的表单标记缺少 enctype 属性上的右双引号（“）。

【讨论】：

我认为这是正确的答案——我在本教程中遇到了完全相同的错误；结果我的表单数据中也有一个错字：“multipart-form-date”而不是“multipart-form-data”。解决这个问题为我解决了这个问题。我在问题的代码 sn-p 中看到另一个错字：第一个

【解决方案2】：

我有同样的问题。我想你会在本书末尾的 Node Beginner Book 上看到那些行代码。我通过删除 server.js 文件上的以下代码来修复它：

//      req.setEncoding("utf8");
//        req.addListener("data", function(postDataChunk) {
//            postData += postDataChunk;
//        });
//        req.addListener("end", function() {
//            route(handle, pathname, res, req);
//        });

Just do:

路由（句柄、路径名、资源、请求）；

And last, you must be careful at html form tags.

Sorry for my English and best wishes!

***VinRover Nguyen***

【讨论】：

【解决方案3】：

我遇到了同样的问题。听起来像上传类已被替换或拼写错误。尝试将引用从 files.upload.path 更改为 files.Upload.path 。它在这里工作。查看 master 分支以获取更多信息：Git

【讨论】：

【解决方案4】：

看起来您的“var body”中有一些错误。试试看：

var body = '<html>' +
  '<head>' +
  '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />' +
  '</head>' +
  '<body>' +
  '<form action="/upload" enctype="multipart/form-data" method="post">' +
  '<input type="file" name="upload" multiple="multiple">' +
  '<input type="submit" value="Upload File">' +
  '</form>' +
  '</bidy>' +
  '</html>';

【讨论】：

【解决方案5】：

form.parse 中回调的参数名称有误。

Node Beginner Book 将代码显示为：

form.parse(request, function(error, fields, files) {
    //code
}

回调函数中的参数不能是复数：

form.parse(request, function(error, field, file) {
    //code
}

看看 /node_modlues/formidable/lib/incoming_form.js 中的 IncomingForm.prototype.parse。回调正在监听单数“字段”和“文件”。

【讨论】：