Drag and drop di un file con HTML5 e JavaScript
Martedì 4 Ottobre 2011 - 15:39
di Kiko
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.
Categoria: Scripting | Permalink
Commenti
1
il drag&drop in html5 è una funzionalità molto “cool” ma, personalmente, la trovo poco usabile.
con il classico form premo un bottone e “sfoglio” l’alberatura per prendere il file.
con il drag&drop posso seguire 2 strade:
1) ridimensionare la finestra del browser, cercare e trascinare il file nel browser
2) ridurre a icona il browser, cercare il file e trascinare il file sull’icona nella barra delle applicazioni, aspettare che si ridimensioni il browser e lasciare finalmente il tasto del mouse.
quindi è una funzionalità “cool” ma l’usabilità dov’è?
# - postato da saibal - 08 Ottobre 2011 - 10:44