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, 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();
            });
        }
    });
});

but this uploads a single file, I want to upload all files that have been selected.

whats your form code mainly the input section have you set this to <input type="file" name="files[]" multiple> have you also looked at their API details? — Simon Davies
– Simon Davies, Commented Dec 23, 2013 at 10:27
I have read API but not understand, because english bad... please — user3129040
– user3129040, Commented Dec 23, 2013 at 14:32

Rahmat Anjirabi · Accepted Answer · 2015-05-27 07:44:59Z

10

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>

answered May 27, 2015 at 7:44

Rahmat Anjirabi

98814 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

philw Over a year ago

That's the only way I can see how to do it. And it works.

Dirty-flow · Accepted Answer · 2013-12-27 13:22:21Z

8

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();
            });
        }

answered Dec 27, 2013 at 13:22

Dirty-flow

2,30011 gold badges30 silver badges49 bronze badges

1 Comment

Vitani Over a year ago

The "point" here is that calling data.submit() on a single file will upload that one file, by calling data.submit() on all the files from one button (#uploadBtn) it will add them all to the queue and upload them in turn.

necrox87 · Accepted Answer · 2014-09-23 10:56:34Z

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

answered Sep 23, 2014 at 10:56

necrox87

363 bronze badges

1 Comment

Mir Over a year ago

This answer is wrong, the autoUpload option triggers the upload when the file is selected. The question is about uploading more than one file at a button press.

Collectives™ on Stack Overflow

Start Upload all in jquery file upload blueimp

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related