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

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

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

javascript html drag-and-drop

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

javascript html drag-and-drop

I found what I needed in:

e.originalEvent.dataTransfer

CodeHunter