Wie Fortschritt in XMLHttpRequest angezeigt wird

Question

Ich habe XMLHttpRequest verwendet, um die Datei hochzuladen, und ich möchte eine LoadView vor dem Senden der Datei anzeigen, aber LoadingView wird nicht angezeigt und funktioniert nicht.

Ich benutze Asp.net MVC für die Codierung.

In 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

Sie Ereignis-Listener zu Ihrem XMLHttpRequest hinzufügen können.

MDN hat eine sehr gute Dokumentation zu diesem Thema.

Monitoring progress