取消一个文件以上传jQuery

Question

使用userInteractionEnabled，我想删除队列中要使用jQuery上传的一个文件，有没有办法做到这一点？这是我的代码：

id="cancel_upload"

Answer 1

尝试类似

var ajaxCalll;

$("#files").on("change", function() {
  var fp = $("#files");
  var lg = fp[0].files.length;
  var items = fp[0].files;
  var fragment = "";

  if (lg > 4) {
    alert('Upload maksimal 4 file!');
    return false;
  } else {
    $("#list_file").show();
    for (var i = 0; i < lg; i++) {
      var fileName = items[i].name;
      var fileSize = items[i].size;

      fragment +=  '<div class="item">' + '<a class="ui label">' + "(" + formatFileSize(fileSize) + ") " + fileName + '<i class="delete icon" id="cancel_upload"></i>' + "</a>" + "</div>" + "<br>";
    }

    $("#list_file").append(fragment);
    $("#files").prop('disabled', true);
    
    // assign AJAX Call to ajaxCalll variable
  }
});

$("#cancel_upload").on('click', function() {
  ajaxCalll.abort();
});

希望这会对您有所帮助。