Drag&Drop

by giacal

HTML

<div></div>
<strong>Elenco files</strong>
<ul></ul>

CSS

div{
    width: 100px;
    height: 100px;
    background: green;
}

JavaScript

var div = document.querySelector('div');

div.addEventListener('drop', function(e){
    
    var fl = e.dataTransfer.files;
    
    alert(fl.item(0).name);
    
    e.preventDefault();
}, false);