Node.js multerを使ってファイルのPOSTを受け取るときにreq.fileがundefinedになる

Question

ここを参考にNodejsでのAPIサンプルを見ていたのですが
アップロードされたファイルの名前を取得するにはどうしたらいいのかと思いまして
いろんなサイトを巡ってreq.fileで名前が取れると思ったのですが...

下の場合ではPOST時にコンソールに出力するようにしてます、が

var express = require('express');
var router = express.Router();

var multer = require('multer');

var storage = multer.diskStorage({
    destination: function(req, file, cb) {
        cb(null, '')
    },
    filename: function(req, file, cb) {
        cb(null, file.originalname)
    }
})
var upload = multer({ storage: storage })

/* GET home page. */
router.get('/', function(req, res, next) {
    res.render('index', { title: 'Express' });
});

router.post('/', upload.single('file'), function(req, res) {
    console.log(req.file)
    res.json({ 'result': 'success!' });
});

module.exports = router;

結果

undefined
POST / 200 10.443 ms - 21

と、undefinedなってしまいます...
他にもreq.file.filename とかも試したけど結果は同じです

Jsonファイルをアップロードしたときにreq.bodyでは内容が出力されるのですが...
どうしたらアップロードされたファイル名を取得できますか？
そもそもやり方が間違っているのでしょうか

よろしくお願いいたします。

イメージ

Comments

[sousuke]

postするクライアント側のスクリプトとhtmlは見せられませんか？

[daburutti]

POSTはRestlet Client というChromeの拡張機能でやってます 画像を添付して ヘッダーに Content-Type:image/jpeg をつけているのみです...
ここになにかヘッダーを追加すればいいのでしょうか？

[sousuke]

Restlet Clientはわかりませんがそのスクリプトを見せるべきかと…

Answer 1

multipart/form-dataの指定をしていないとか？

req.bodyでは内容が出力されるとありますが、画像に関する内容もそこに含まれているということなのですか？

Comments

[daburutti]

申し訳ございません...

画像のときはreq.bodyでは何も出ませんでした
Jsonのファイルをアップロードしたときのみ内容が出力されました

[HayatoKamono]

https://restlet.com/documentation/client/user-guide/debug-discover/editing#body

ここに掲載されてる画像をみると、multipart/form-dataにチェック入ってますね。chrome拡張とはまたUI違うかもしれませんが。

[daburutti]

リンク先のようにしたらできました！
こんな不手際な質問に目を通して頂いて申し訳ないです
回答してくださった方々には感謝しきれません...
本当にありがとうございました...!

[HayatoKamono]

お、それは良かったです！

Answer 2

input type="file"のタグに name属性ついてます？name="file"がないとダメだと思います。

#追記
content-typeって指定していいんでしたっけ？確かjqueryだとfileの時はcontentType:falseにするんですよね。

Comments

[sousuke]

終わってた…