JSFiddle - React, Tailwind, and code Playground

by Stefano Bertoli

HTML

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

CSS

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

JavaScript

$('div').on('dragover',function(e){
    e.preventDefault();//non deve avere comportamento di default
});
$('div').on('drop',function(e){
    e.preventDefault();// e contiene info extra sul paramentro che ha scantenato l'evento e quindi può essere usato
    console.log(e.originalEvent.dataTransfer.files.length);
});