How to upload 1 file at a time with multiple selection using blueimp jquery-file-upload?

Question

I'm using blueimp's jquery-file-upload to upload mulitple photos

https://blueimp.github.io/jQuery-File-Upload/

I've created a multiple selection input box and setup the upload script:

<script>
$(function () {
    $("#upload_files").fileupload({
        autoUpload: true,
        dataType: "json",
        singleFileUploads: true,
        sequentialUploads: false,
        url: "/photos/my_upload_script",
        add: function (e, data) {

            data.submit();

        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $("#version_progress_bar .progress-bar").css("width",progress + "%");
        },
        done: function (e, data) {
            if(data.result.status == "success"){
                alert('well done');
            }
            else {
                alert("it's gone pete tong!");
            }
        }
    });
});
</script>

The problem I have, is my historic naming convention for uploaded photos. I'm restricted in that I must use PHP's time() function. This becomes a problem when more than one photo's upload is triggered within the same second.

So, is there a way I can get jquery-file-upload to upload each photo one-by-one but still allow multiple selections in hopes that this will prevent photos uploading within the same second?

@Hackerman Wish I could, but unfortunately I can't due to the restrictions of the naming conventions in place. — David
– David, Commented Jan 26, 2016 at 15:27

Eddy Jones · Accepted Answer · 2016-08-23 19:48:08Z

1

is there a way I can get jquery-file-upload to upload each photo one-by-one but still allow multiple selections

Yes. You already have the option in your code that decides this behavior:

sequentialUploads: false,

Change that to true and you upload sequentially, one after another..

answered Aug 23, 2016 at 19:48

Eddy Jones

237 bronze badges

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

Comments

David · Accepted Answer · 2016-02-05 11:03:00Z

0

I couldn't find a way to do it within the script. So, instead, I put a 1 second sleep on my ajax script.

answered Feb 5, 2016 at 11:03

David

16.9k35 gold badges111 silver badges170 bronze badges

Collectives™ on Stack Overflow

How to upload 1 file at a time with multiple selection using blueimp jquery-file-upload?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related