Start Upload all in jquery file upload blueimp

Question

I use jQuery file upload blueimp and have read

$(function () {
    $(\'#fileupload\').fileupload({
        dataType: \'json\',
        done: function (e, da         


        

Answer 1

For upload concurrently all file you have selected, you can add the option autoUpload: true, like this:

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

Reference: https://github.com/blueimp/jQuery-File-Upload/wiki/Options

Answer 2

your problem is that you unbind the click event on every file. you should do it on done:

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 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>