Начать загрузку всех в Jquery загрузки файла blueimp

Question

Я использую JQuery загрузки файла blueimp и прочитал

$(function() { 
    $('#fileupload').fileupload({ 
     dataType: 'json', 
     done: function (e, data) { 
      $.each(data.result, function (index, file) { 
       $('<p/>').text(file.name).appendTo(document.body); 
      }); 
     }, 
     add:function (e, data) { 
      $("#uploadBtn").off('click').on('click',function() { 
       data.submit(); 
      }); 
     } 
    }); 
}); 

но загружает один файл, я хочу, чтобы загрузить все файлы, которые были выбраны.

Answer 1

Ваша проблема заключается в том, что вы отключаете событие click для каждого файла. вы должны сделать это сделать:

done: function (e, data) { 
      $("#uploadBtn").off('click') 
      $.each(data.result, function (index, file) { 
       $('<p/>').text(file.name).appendTo(document.body); 
      }); 
     }, 
add: function (e, data) { 
      $("#uploadBtn").on('click',function() { 
       data.submit(); 
      }); 
     } 

Answer 2

Для загрузки одновременно все файл, который вы выбрали, вы можете добавить опцию autoUpload: так, как это:

$('#fileupload').fileupload({ 
    url: 'url_path', 
    autoUpload: true 
}) 

Ссылка: https://github.com/blueimp/jQuery-File-Upload/wiki/Options

Answer 3

var pendingList: []; 

var sendAll: function() { 
     pendingList.forEach(function (data) { data.submit(); }); 
     pendingList = []; 
    }; 

$('#fileupload').fileupload({ 
    url: 'url_path', 
    autoUpload: false, 

    add: function (e, data) { 
      pendingList.push(data); 
     }, 


}); 

<button onclick="sendAll()">Start Upload All</button> 

Answer 4

код может быть полезна.

$('#fileupload').fileupload({ 
    dataType: 'json', 
    add: function (e, data) { 
     var that = this; 
     $.blueimp.fileupload.prototype.options.add.call(that, e, data); 
     $("#up_btn").on('click', function() { 
      data.submit(); 
     }); 
    }, 
});