web-dev-qa-db-ja.com

Javascript FileReaderからファイル名を取得する方法は?

Javascript FileReaderを使用して、ブラウザーに画像をロードしています。

e = e.originalEvent;
e.dataTransfer.dropEffect = 'copy';
this.documentFile = e.dataTransfer.files[0];

var reader = new FileReader();
reader.onloadend = function () {
    if (reader.result) {
        console.log(reader);
        $('#theImage').attr('src', reader.result);
    }
};
reader.readAsDataURL(this.documentFile);

これは正常に機能します。私は今、画像の元のファイル名を取得したいのですが、私は何も見つけられず、インターネットを見て回ることもできません。

FileReaderでファイル名を取得する方法を知っている人はいますか?すべてのヒントを歓迎します!

20
kramer65

これは最善の解決策ではありませんが、私にとってはうまくいきました。

var reader = new FileReader();
reader.fileName = file.name // file came from a input file element. file = el.files[0];
reader.onload = function(readerEvt) {
    console.log(readerEvt.target.fileName);
};

最良の答えではなく、実用的な答えです。

31
Phreak Nation