Transfert asynchrone de fichiers
avec les interfaces Javascript
FileAPI, FormData et XHR et du glissé-déposé aussi

Bienvenue à la démonstration de transfert asynchrone de fichiers avec les interfaces Javascript FileAPI, FormData et XHR, ou l'histoire fabuleuse des nouvelles technologies du web qui nous libèrent toujours plus de Flash.

La démonstration que je vous propose est dépouillée de toute fioriture, et hormis la gestion du glissé-déposé, le code est ce qu'il y a de plus simple pour vous permettre de le modifier facilement. Pour de plus amples informations, merci de consulter l'article Transfert asynchrone de fichiers avec les interfaces Javascript FileAPI et XHR.

Note : Pour que la démonstration fonctionne, votre navigateur doit proposer les interfaces FileAPI, FormData et XHR2 et une console. En gros, pour le moment, ça ne fonctionne qu'avec Firefox 4+, Chrome 7+ et Safari 5+ . Tous les évènements sont postés sur la console et sans elle, il n'y aura malheureusement pas grand chose à voir.

Cliquez ici
ou déposez un fichier

Attention, tous les évènements sont envoyés
à la console, alors ouvrez Firebug !