3

Node Beginner Bookのチュートリアルに従って、formidable を使用してファイルをアップロードしようとしています。このコードに続いて、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。だから私はここで少し困惑しています。アイデア？

4

5 に答える 5

1

私は同じ問題を抱えていました。本の最後にある 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:

ルート (ハンドル、パス名、res、req);

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

Sorry for my English and best wishes!

***VinRover Nguyen***
于 2015-11-12T13:22:01.390 に答える
1

私も同じ問題を抱えています。フォーム タグの enctype 属性に終了二重引用符 (") がありません。

于 2014-10-29T16:03:12.907 に答える
0

私は同じ問題で立ち往生しています。アップロード クラスが置き換えられたか、スペルが間違っているようです。参照を files.upload.path から files.Upload.path に変更してみてください。ここで動作します。詳細については、マスター ブランチをチェックしてください: Git

于 2016-03-05T19:32:08.440 に答える
0

「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>';
于 2016-07-29T14:28:45.713 に答える