Table Layout

Display the file queue as a structured table with columns for name, size, status, and actions.

Drag & drop files here

var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 onQueueAdd: function(task) {
 addTableRow(task);
 },
 onTaskProgress: function(task, pct) {
 updateRowStatus(task.id, pct + '%');
 },
 onTaskComplete: function(task) {
 updateRowStatus(task.id, 'Done');
 },
 onQueueRemove: function(task) {
 removeTableRow(task.id);
 }
});