jQuery file upload: Is it possible to trigger upload with a submit button?

Question

I\'m using jQuery file upload for AJAX-based uploads. It always starts uploading after a file is selected. Is it possible to change the behavior to use the \"submit\"-button

Answer 1

Make sure not to stack events by attaching event every time the file is added. That way the form will be submitted multiple times.

I would do something like this

$('#fileupload').fileupload({
    dataType: 'json',
    add: function (e, data) {            
        $("#up_btn").off('click').on('click', function () {
            data.submit();
        });
    },
});

Notice the off() method to remove all previous attached events.