Bonjour à tous,
Ce matin je cherche à scripter une progress bar, artifice un peu inutile mais que mon client veux à tout prix, et je patauge notamment dans l'évaluation du poids total du fichier.
J'ai fouillé sur le Web et j'ai adapté ceci qui ne fonctionne pas ! le « evt.loaded » s'affiche correctement mais pas « evt.total »

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
 
        $.ajax({
          xhr: function()
          {
            var xhr = new window.XMLHttpRequest();
            //Upload progress
            xhr.upload.addEventListener("progress", function(evt){
              console.log("upload percentComplete : "+evt.loaded+" / "+evt.total+"\nEvent : "+evt.length+"\nratio  : "+Math.round(evt.loaded/evt.total * 100)+" %");
              if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                //Do something with upload progress
                console.log("upload percentComplete : "+evt.loaded+" / "+evt.total+"\nEvent : "+evt.length+"\nratio  : "+Math.round(evt.loaded/evt.total * 100)+" %");
              }
            }, false);
            //Download progress
            xhr.addEventListener("progress", function(evt){
                console.log("percentComplete : "+evt.loaded+" / "+evt.total+"\nEvent : "+evt.length+"\nratio  : "+Math.round(evt.loaded/evt.total * 100)+" %");
              if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                //Do something with download progress
                console.log("percentComplete : "+percentComplete);
              }
            }, false);
            return xhr;
          },
          type: 'POST',
          url: url,
          data: {},
          success: function(data){
            //Do something
          }
        });
Si qu'un peut m'éclairer d'avance merci