Jquery Blueimp - Удалить файл из очереди

Question

Прежде всего, я должен сказать, что у меня есть все решения для stackoverflow, но без каких-либо успехов. Моя проблема очень просто мне нужно удалить файлы из очереди до/после того, как нажать на кнопку Start, которая загружает все файлы одним щелчком мыши загрузить .... Мой код:

  var indexProgressBar = 1; 

     $('#fileupload').fileupload({ 
      autoUpload: false, 
      url: url, 
      dataType: 'json', 
      sequentialUploads: true, 
      singleFileUploads: true, 
     }).on('fileuploadadd', function (e, data) { 

      $.each(data.files, function (index, file) { 
       var file = data.files[0]; 
       file.uploadID = 'progress' + indexProgressBar; 
       file.uploadDivID = 'itemDiv' + indexProgressBar; 
       file.fileId = 'deleteButton' + indexProgressBar; 

       var node = $('<div id=' + file.uploadDivID + ' style="margin-bottom:20px; font-size:11px;"><span class="progress-filename" style="width:180px;">' + file.name + '</span ></div>'); 
       node.append('<img src="" id=' + file.fileId + ' alt="delete" /><br />'); 
       node.append('<div id="' + file.uploadID + '" class="progress" style="margin-bottom:0px; width:200px;" ><div class="progress-bar progress-bar-success"></div></div>'); 
       node.appendTo($('#filesToUpload')); 

       node.find("img").click(function(){ 
        node.remove(); 
        }); 
       }); 

       indexProgressBar++; 

       //upload Manualy 
       $("#uploadBtn").on('click', function() { 
        data.submit(); 
       }); 
     }).on('fileuploaddone', function (e, data) { 
      //upload Manualy 
      $("#uploadBtn").off('click'); 

      var uploadDivID = data.files[0].uploadDivID; // returns 'someidentification' 

      if (data.result.status == "OK") { 
       $('#' + uploadDivID).fadeOut(1000, function() { $(this).remove(); }); 
      } 
      else { 
       $('#' + uploadDivID).append("<div style='color:red'>Error: " + data.result.errorMsg + "</div>"); 
      } 

     }).on('fileuploadprogress', function (e, data) { 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
      var progressID = data.files[0].uploadID; // returns 'someidentification' 

      $('#' + progressID + ' .progress-bar').css(
       'width', 
       progress + '%' 
      ); 

      //}).on('fileuploadprogressall', function (e, data) { 
      //var progress = parseInt(data.loaded/data.total * 100, 10); 
      // $('#progress .progress-bar').css(
      //  'width', 
      //  progress + '%' 
      // ); 

     }).prop('disabled', !$.support.fileInput) 
      .parent().addClass($.support.fileInput ? undefined : 'disabled'); 

Проблема заключается в том, что это только визуально удалите файл, но мне нужно как-то его удалить из data.files, но мне нужно, чтобы все файлы загружались одной кнопкой ... Хм ... Спасибо за вашу помощь.

Answer 1

Я нашел, как он работает отлично. С небольшой помощью массив отлично работает.

  var a = []; 

     var indexProgressBar = 0; 

     $('#fileupload').fileupload({ 
      autoUpload: false, 
      url: url, 
      dataType: 'json', 
      sequentialUploads: true, 
      singleFileUploads: true, 
     }).on('fileuploadadd', function (e, data) { 

      $.each(data.files, function (index, file) { 
       var file = data.files[0]; 
       file.uploadID = 'progress' + indexProgressBar; 
       file.uploadDivID = 'itemDiv' + indexProgressBar; 
       file.fileId = 'deleteButton' + indexProgressBar; 

       var node = $('<div id=' + file.uploadDivID + ' style="margin-bottom:20px; font-size:11px;"><span class="progress-filename" style="width:286px; display:inline-block;">' + file.name + '</span ></div>'); 
       node.append('<img src="/_layouts/15/SkodaAuto.MarketingDatabank2.Project/Images/Icons/Delete-12.png" id=' + file.fileId + ' fileId=' + indexProgressBar + ' alt="delete" style="cursor:pointer;" /><br />'); 
       node.append('<div id="' + file.uploadID + '" class="progress" style="margin-bottom:0px; width:300px;" ><div class="progress-bar progress-bar-success"></div></div>'); 
       node.appendTo($('#filesToUpload')); 

       node.find("img").click(function() { 
        a.push(file.fileId); 
        //data.files.splice($("#" + file.fileId).attr("fileId"), 1); 

        $(this).fadeOut(500, function() { 
         node.remove(); 
        }) 

       }); 
      }); 

      indexProgressBar++; 

      //upload Manualy 
      $("#uploadBtn").on('click', function() { 
       if ($.inArray(data.files[0].fileId, a) == -1) { 
        data.submit(); 
       } 
      }); 
     }).on('fileuploadsend', function (e, data) { 
      if ($.inArray(data.files[0].fileId, a) != -1) { 
       return false; 
      } 
     }).on('fileuploaddone', function (e, data) { 
      //upload Manualy 
      $("#uploadBtn").off('click'); 

      var uploadDivID = data.files[0].uploadDivID; // returns 'someidentification' 

      if (data.result.status == "OK") { 
       $('#' + uploadDivID).fadeOut(1000, function() { $(this).remove(); }); 
      } 
      else { 
       $('#' + uploadDivID).append("<div style='color:red'>Error: " + data.result.errorMsg + "</div>"); 
      } 

     }).on('fileuploadprogress', function (e, data) { 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
      var progressID = data.files[0].uploadID; // returns 'someidentification' 

      $('#' + progressID + ' .progress-bar').css(
       'width', 
       progress + '%' 
      ); 

      }).on('fileuploadprogressall', function (e, data) { 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
       $('#progress .progress-bar').css(
        'width', 
        progress + '%' 
       ); 
     }).prop('disabled', !$.support.fileInput) 
      .parent().addClass($.support.fileInput ? undefined : 'disabled'); 

первый мне нужно указать массив со

var a = []; 

следующей

a.push(file.fileId); 

и следующим это

//upload Manualy 
       $("#uploadBtn").on('click', function() { 
        if ($.inArray(data.files[0].fileId, a) == -1) { 
         data.submit(); 
        } 
       }); 

и это

.on('fileuploadsend', function (e, data) { 
       if ($.inArray(data.files[0].fileId, a) != -1) { 
        return false; 
       } 
      }). 

И это все ... Спасибо