Il drag and drop è un'operazione che migliora sensibilmente la user experience nelle applicazioni. Vale pure per i tool fruibili direttamente dal browser.
E allora ecco un utile plugin che sfrutta le ultime novità di HTML5. Attraverso poche righe di codice in JavaScript e un semplice form HTML si permette agli utenti di eseguire l'upload di un file direttamente dal browser sfruttando il trascinamento in un'area dedicata della pagina web.
Come l'autore dell'articolo sottolinea, lo script potrebbe non funzionare con i vecchi browser. Anzi sicuramente non funziona, mentre le ultime versioni di Firefox e Chrome permettono di vederlo all'opera senza alcun problema.
Nel form HTML si specifica, in un tag nascosto, la massima dimensione del file consentita (verrà usata lato JavaScript per un preliminare controllo), quindi si usa quanto specificato nel W3C File API.
Qui un demo, mentre questo è l'articolo che spiega lo script.