Afficher un indicateur de progression de téléchargement avec PhoneGap
C’est pas très compliqué avec la propriété onprogress de l’objet fileTransfer de PhoneGap, il suffit de quelques lignes :
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 |
var fileTransfer = new FileTransfer(); // Affichage du message "téléchargement... xx%" fileTransfer.onprogress = function(progressEvent) { if (progressEvent.lengthComputable) { var pourcentage = Math.floor(progressEvent.loaded / progressEvent.total * 100); console.log(pourcentage + "% téléchargés..."; } else { console.log('.'); } }; // Téléchargement fileTransfer.download( uri, filePath, function(entry) { console.log('le fichier à été téléchargé'); }, function(error) { console.log("problème avec le fichier source : " + error.source); console.log("problème avec le fichier cible : " + error.target); console.log("code d'erreur : " + error.code); }, false ); |
Et si vous avez besoin d’inspiration pour l’indicateur de progression, il y’a quelques beaux exemples ici.