Order upload list

[rivalex]

Hi,
I find your plug-in extremely interesting.
I wanted to ask if there is a configuration to force the plug-in Download
file sequentially and not randomly as is the case.
I usually work with RAD Upload that sends an array of files to the php script so it is easy to serialize the file list.

[blueimp]

Thanks for your interest.
The download rows are technically not displayed randomly, but in order of their upload status - the first uploaded file is displayed first, the last file to finish uploading is displayed last.
Each file is send to the server with its own request, but it is possible to send the index of the selected/dropped file along with the request via the beforeSend option.
To define the order of the download rows, you can override the onLoad option, which has the index of the file as one of its parameters.

[rivalex]

I'm trying to implement my script with beforeSend option but this is my first experience with jQuery can you help me?

the script works very well, in upload and also in report DownloadRow but when I try to sen additional data don't work.

here my code:

$(function () {
$('.upload').fileUploadUI({
uploadTable: $('.upload_files'),
downloadTable: $('.download_files'),
buildUploadRow: function (files, index) {
var file = files[index];
return $(
'' +
'' + index +'' +
'' + file.name + '</td>' +
'

</div></td>' +
'' +
'

' +
'Cancel</span>' +
'</div>' +
'</td>' +
'</tr>'
);
},
buildDownloadRow: function (file) {
return $(
'' +
'' + file.originale + '</td>' +
'' + file.t_name + '</td>' +
'' + file.t_size + '</td>' +
'' + file.name + '</td>' +
'' + file.size + '</td>' +
'</tr>'
);
},
beforeSend: function (event, files, index, xhr, handler, callBack) {
handler.formData = {
myindex: index
};
callBack();
}
});
});

[blueimp]

rivalex, please open a new issue, since your problem has nothing to do with the order of the upload list.
I just updated the docs on sending additional form data, so you might find your answer there.

[Laurentvw]

How would I achieve this, using the following code? A vague description on how to do it unfortunately doesn't help me. Thanks in advance!

$(function () { $('#file_upload').fileUploadUI({ uploadTable: $('#files'), downloadTable: $('#files'), buildUploadRow: function (files, index) { return $('' + files[index].name + '<\/td>' + '

<\/div><\/td>' + '' + '' + 'Cancel<\/span>' + '<\/button><\/td><\/tr>'); }, buildDownloadRow: function (file) { return $('' + file.name + '<\/td><\/tr>'); } }); });

[blueimp]

What exactly do you want to achieve?
If you want the downloadRow to appear at the same position as the uploadRow, you can do it by overriding the onLoad method:

onLoad: function (event, files, index, xhr, handler) {
    var json = handler.parseResponse(xhr);
    handler.uploadRow.replaceWith(handler.buildDownloadRow(json, handler));
};