Discussion :

[dede92]

Bonjour,

Je me sert d'une requête Ajax (XMLHttpRequest) pour lancer un script php qui procède à l'upload en FTP
Je cherche le moyen d'afficher une barre de progression de l'upload
Merci de me dire si cela est possible, car je ne vois pas comment faire

Voici le script qui lance la requête :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function start_move() {
  var xhr = getXMLHttpRequest(); 
  if(xhr && xhr.readyState != 0) { 
    xhr.abort();  
  } 
  xhr.onreadystatechange = function() {  
    var loading; 
    loading = document.getElementById("loading"); 
    if(xhr.readyState == 4) {
      if (xhr.status != 200) { 
        loading.innerHTML = "<p>Erreur : "+xhr.status+"</p>"; 
      }
      else {
      	loading.innerHTML = xhr.responseText;
      }
    }
    else  { 
      loading.innerHTML = "<font face='Arial' size='2' color='#000000'>Veuillez patienter, s.v.p., <b>Déplacement en cours ...</b><br><img border='0' src='Gif/loading.gif' alt=''></font>"; 
    } 
  }
  var Params=""
  var i=0;
  var Elt;
  while (Elt=document.forms['actionform'].elements[i] ){
 		if(Elt.value && Elt.type!='submit'){Params+="&"+Elt.name+"="+Elt.value;}
 		i++;
 	}
  Params=Params.replace(/^&/,"")
//
  xhr.open("POST", "./do_move.php", true); 
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
  xhr.send(Params);
}

[NoSmoking]

Bonjour,
regarde du côté de XMLHttpRequest: progress event.

Une autre alternative complète : UploadAjaxABCI.