なぜ「Cannot read property 'length' of undefined」が表示されるかわからない

Question

現在、expressを用いて簡単なファイルアップロード機能の実装をしております。複数のファイルをformDataを用いて送信し、node.jsのmulterで受信するというものです。

var upload = multer({ dest: 'uploaded/' });
router.post('/', upload.array('files[]'), function(req, res){
  var filepath = req.body.filepath;
  var files = req.files;
  
  for(var i=0; i<filepath.length; i++){
    console.log(filepath[i]);
    console.log(files[i]);
  }
  
  res.send("ok");
});

このlengthに対して「Cannot read property 'length' of undefined」がブラウザで表示されます。しかしサーバサイドではファイル数であるlengthが数字として確認できており正常に動いております。

なぜブラウザ側ではエラー表示されてしまうのでしょうか？
わかる方よろしくお願いします。

Answer 1

var filepath = req.body.filepath;

この filepath が実際には undefined になっているからでしょうね。

Comments

[Newbie_]

req.body.filepathをconsole.log(req.body.filepath);で表示すると、サーバ側で中身が表示されることは確認できていましたが、ブラウザ側には質問記載の表示がされてしまうので困っておりました。
しかし、matherさんの回答で思い至ることがありました。今回、事前にあるhtmlファイルのformにappendする形でformDataを使用しており、受信側を見ると2回に分けて受信処理がなされていました。1回目は事前にhtmlファイルに記載してあるformのbodyを受信し、2回目で追加したformDataの内容を受信しておりました。自分なりの予想ですが1回目の受信の際はreq.body.filepathは確かに空なのでそれがブラウザ側の表示に影響したのかと思い至りました。

[mather]

質問の意図を誤解している可能性があるので、ちょっと質問内容を正確にしてほしいのですが、
> 「Cannot read property 'length' of undefined」がブラウザで表示されます
ブラウザでは具体的にどうやって表示されるんですか？
ブラウザ側で発生しているエラーならexpressの実装は関係ないかもしれませんよ。

[Newbie_]

「Cannot read property 'length' of undefined」はサーバがレスポンスとしてブラウザに返している内容なので、おそらくmatherさんの認識は間違っていないと思われます。ご心配いただきありがとうございます。