Sadece bir resmi yüklerken gönderilir (xhr.addEventListener)

Question

Yüklemeyi gerçekleştirirken bir resmi göstermeye çalışıyorum ve yükleme tamamlandığında onu kaldırıyorum.

Yüklemenin tamamlandığında görüntü orada kalsa da, görüntüyü göstermeyi başardım. İşi bittiğinde nasıl kaldırabilirim.

xhr: function() { 
    var xhr = new window.XMLHttpRequest(); 
    //Upload progress 
    xhr.upload.addEventListener("progress", function(evt) { 
    if (evt.lengthComputable) { 
     var percentComplete = evt.loaded/evt.total; 
     console.log(percentComplete * 100 + '%'); 
     document.getElementById("status").innerHTML = "<img src='spinner.gif' alt='img' />"; 
    } 
    }, false); 
    return xhr; 
}, 

canlı örnek: http://codepen.io/DrCustUmz/pen/KzZOeP

Answer 1

sizin ajax başarı işlevine ekleyin:

success: function(result) { 
    document.getElementById("status").innerHTML = ""; 
    //other code 
    };