Question

I’m dropping a external file in the browser (chrome), but the onload function doesn’t fire.

drop: function(e) {    
    console.log("drop");
    var file = e.dataTransfer.files
    var reader = new FileReader();
    reader.onload = function(file) {
        console.log(file.target.result);
    }
    reader.readAsDataURL(file);        
}

Answer 1

ok i got it i have to write

var file = e.dataTransfer.files[0]

instead of

var file = e.dataTransfer.files

This is the kind of typos im living for 🙂