Progression d'un upload avec XMLHttpRequest

14 avr. 2008, 21:15

Bonjour,

J'ai un formulaire (formulaire.php) où l'utilisateur peut télécharger un pdg (assez lourd) quand l'utilisateur clic sur envoyer les données sont envoyé a upload.php.

J'aimerais que lorsque l'utilisateur clic sur envoyé qu'un pop up apparaisse contenant un sablier qui tourne (j'ai ce .gif en main) une fois le ficvhier uploadé que le popup ce ferme.

J'ai fouillé beaucoup sur Google et je crois que le départ est avec XMLHttpRequest mais je ne sais pas quoi faire avec ça.

Pouvez-vous m'aider svp?

Merci

15 avr. 2008, 03:35

Quel est ta librairie Ajax ?
Prototype fais ça a merveille.

Code : Tout sélectionner

Ajax.Responders.register({
  onCreate: function() {
      Ajax.activeRequestCount++;
  },

  onComplete: function() {
     Ajax.activeRequestCount--;
  }

});

En gros, ça incrémente un compteur natif quand une requête AJAX est lancé, et ça le décrémente quand une requête Ajax est "Complete".
Donc à toi ensuite de jouer avec ses fonctions en y mettant le sablier que si ta requête Ajax est un "Upload".

Code : Tout sélectionner

Ajax.Responders.register({
	onCreate: function() {
		nbreRequest++;
		if( Ajax.activeRequestCount > 0)
		    $('view-loading').show();// Loading System
		     totalRequest = Ajax.activeRequestCount;
		},
...

Em gros dans mon code à moi, j'ai un cru dans le genre, qui affiche un DIV avec l'image de chargement qui est toujours dans la page mais caché. Quand une requête est lancé, il affiche juste le DIV caché et "Voila" (En français dans le texte.)

15 avr. 2008, 03:55

Je fais comment pour savoir quel librairie Ajax j'ai?

C'est encore du très nouveau pour moi Ajax (sauf pour le récurant que je connais bien)

15 avr. 2008, 06:46

Excuze moi, j'avais pas vu que tu ne connaissais pas.
Pour faire de L'Ajax, c'est plus simple d'utiliser une librairie prête à l'emploi.

Je connais bien Prototype
http://www.prototypejs.org/

Ça demande un peu d'apprentissage par contre.
Je pense que JQuery est mieux, mais je ne le connais pas assez.

30 avr. 2008, 22:41

Je ne comprend pas comment appliquer tes fonction a mon code php qui upload le fichier.

Peux-tu m'expliquer svp

Progression d'un upload avec XMLHttpRequest

Qui est en ligne