Comment afficher la progression dans XMLHttpRequest

Question

J'ai utilisé XMLHttpRequest pour télécharger le fichier et je veux afficher un LoadingView avant de soumettre le fichier, mais LoadingView n'apparaît pas et ne fonctionne pas. J'utilise Asp.net MVC pour le codage.

En JavaScript:

// For display Loading View 
function updateProgress(oEvent) { 
    if (oEvent.lengthComputable) {        
    //Loading 
    } else { 

    } 
} 

$('body') 
    .on('click', '#bUpload', function() { 


    var xmlHttpRequest = new XMLHttpRequest(); 
    if (!window.XMLHttpRequest) { 
     xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlHttpRequest.addEventListener("progress", updateProgress); 

    xmlHttpRequest.open("POST", '@Url.Action("****", "****", new {area = "****"})', true);      

    xmlHttpRequest.send(); 

}); 

Answer 1

Vous pouvez ajouter des écouteurs d'événement à votre xmlHttpRequest.

MDN a une très bonne documentation à ce sujet.

Monitoring progress