Web サイトにドラッグ アンド ドロップ機能を実装しようとしていました。ドロップした画像を Data URI に変換して、JCrop で使用し、後でアップロードできるようにする必要があります。
drop: function (e) {
e = e || window.event;
e.preventDefault();
e = e.originalEvent || e;
var files = (e.files || e.dataTransfer.files);
var reader = new FileReader();
reader.onload = function (event){
console.log(event.target.result);
};
reader.readAsDataURL(files);
return false;
}
しかし、コンソールには何も表示されません。さえないundefined
。変数は、files
ドロップした画像を含む Object FileList を返すので、問題はありません。どうすればこれを修正できますか? :(