Card Layout

Display queued files as individual cards in a responsive grid layout.

Drag & drop files here

var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 onQueueAdd: function(task) {
 var card = createFileCard(task);
 grid.appendChild(card);
 },
 onTaskProgress: function(task, pct) {
 updateCardProgress(task.id, pct);
 },
 onTaskComplete: function(task) {
 markCardDone(task.id);
 }
});