Comme beaucoup découvrant Ajax, je m’enthousiasmais à l’idée de soumettre des formulaires tout en évitant des rechargements de page laborieux.
Je ne reviendrais pas ici sur ce qu’est Ajax, on en trouvera une excellente explication sur Wikipédia. Clavier faisant, je soumettais requête sur requête jusqu’à buter sur un os, un gros os.
Tout marchait à merveille à l’exception notable de l’upload de fichier vers un serveur. La raison ?
L’objet XMLHttpRequest, utilisé par Ajax pour échanger avec le serveur, ne gère pas les données binaires. Plus simplement, impossible de soumettre directement le fichier avec un formulaire prévu pour le transfert de fichier grâce à enctype=”multipart/form-data”.
Il n’y aucune parade pour l’instant en la forme actuelle de l’objet XMLHttpRequest à part simuler une absence de rechargement de la page.
Faute de grives, on se contente de merles et quelques expédients sont possibles. La plupart sont listés sur ce blog.
La solution avec un iframe masqué a ma préférence car c’est la plus portable. Les vrais soucis commencent quand on veut afficher la progression du chargement.
Pour plus de renseignements :