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でファイル名を取得する方法を知っている人はいますか?すべてのヒントを歓迎します!
これは最善の解決策ではありませんが、私にとってはうまくいきました。
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);
};
最良の答えではなく、実用的な答えです。