アップロード中に画像を表示する（xhr.addEventListener）

Question

アップロード中に画像を表示しようとして、アップロードが完了したら画像を削除しようとしています。

アップロードが完了しても画像はそのまま残りますが、画像を表示することができました。一度それをやりなおしたらどうやって削除することができます

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; 
}, 

ライブ例：http://codepen.io/DrCustUmz/pen/KzZOeP

Answer 1

あなたのAjaxの成功の機能にこれを追加します。

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