Card List

Render each file as a styled card with thumbnail, name, size, and progress bar.

What you should see: each file rendered as your own card with thumbnail, name, size and its own bar. The built-in queue is not used at all — the cards are built from the onSelect, onProgress and onComplete callbacks.

var uploader = CoreUpload.create('#cardlist-uploader', {
 uploadUrl: '/api/upload/upload',
 multiple: true,
 autoUpload: true,
 onFileAdded: function(file) {
 addCard(file);
 },
 onTaskProgress: function(file, percent) {
 updateCardProgress(file.name, percent);
 },
 onTaskComplete: function(file) {
 markCardComplete(file.name);
 },
 onTaskError: function(file, error) {
 markCardError(file.name, error);
 }
});