event.dataTransfer.files is empty when ondrop is fired?

Question

Okay, I have an element set up to receive a file-drop event, but when I look in event.dataTransfer it is blank. I haven\'t gotten around to learning the drag-n-

Answer 1

Also take a look at this bug/behavior: HTML5 drop event doesn't work unless dragover is handled

Basically, you need to handle hover/drag and specify a dropEffect

Answer 2

I found what I needed in:

e.originalEvent.dataTransfer

Answer 3

It's working fine, it's just a bug with the console.

function onDrop(event) {
    event.preventDefault();
    console.log(event.dataTransfer.files[0]);
}