Reorder Queue

Reorder files in the upload queue before starting. Drag files to change their upload priority.

var uploader = CoreUpload.create('#reorder-uploader', {
 uploadUrl: '/api/upload/upload',
 multiple: true,
 autoUpload: false,
 sortable: true,
 enableQueueReorder: true,
 onFileAdded: function(file) {
 // Add file to a sortable list
 addToQueue(file);
 }
});

// Use drag-and-drop to reorder the queue list,
// then call uploader.upload() to start in the new order.
document.getElementById('btn-reorder-upload').onclick = function() {
 uploader.upload();
};

Fixing the order before sending

Selection order is an accident of how the user browsed their disk. With auto-upload off, letting them reorder before the queue starts is far easier than correcting the sequence afterwards in a second interface.

Dragging needs a keyboard route

Drag-to-reorder is unavailable to anyone not using a mouse and awkward on touch. Move-up and move-down controls on each row keep the feature usable for everyone and cost very little to add.