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