仅在上传时显示图像（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
     };