Faire un upload de fichier avec jquery partie 1




Bonjour à tous,

Cela va faire un bon moment que je n'ai pas publié, faut dire que j'étais bien occupé. Qu'a cela ne tienne, je reviens vers vous pour un nouvel article.

Aujourd'hui, nous allons voir comment faire un upload de fichier ave jquery. Pour cela nous allons utilisé le plugin jquery upload. Déjà posons nous les questions :

C'est quoi l'upload de fichiers ?

l'upload de fichier est par opposition au download ( téléchargement ), le chargement des fichiers vers le haut :  c’est-à-dire du client vers le serveur. Une illustration avec l'image ci-dessous

Pourquoi l'upload de fichier avec Jquery ?

l'upload de fichier consiste à envoyer les fichiers à uploader vers un script (ici php) qui se contente de faire le traitement. Mais le problème est que pendant le temps d'exécution de l'opération le visiteur ne voit qu'une page blanc. Pas très cool, il faut le dire. Avec des technologies tel Jquery, il est possible de faire le traitement en arrière plan de manière à ce que le visiteur ai une interface agréable devant lui (on peux penser au barre de progression qui indique le niveau de l'upload)

De quoi ai-je besoin  pour faire cela ?

Pour faire un upload avec Jquery, il faut pas grand-chose :

• Lire ce tuto

• Télécharger ces fichiers ci dessous :

• jquery.upload-1.0.2.js
• jquery-1.4.2.js

Dans un prochain tuto, nous aborderons la suite des opérations

Au plaisir de vous lire !