MultipleUpload JavaScript upload component
Works with any backend npm install Zero dependencies
Contact

Event Log

Complete event log showing every callback firing with timestamps. Watch the log as you upload files.

Drag & drop files here
Events will appear here... 
var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 onSelect: function(files) { log('onSelect: ' + files.length + ' file(s)'); },
 onQueueAdd: function(task) { log('onQueueAdd: ' + task.name); },
 onQueueRemove: function(task) { log('onQueueRemove: ' + task.name); },
 onUploadStart: function() { log('onUploadStart'); },
 onTaskStart: function(task) { log('onTaskStart: ' + task.name); },
 onTaskProgress: function(task, pct) { log('onTaskProgress: ' + task.name + ' ' + pct + '%'); },
 onTaskComplete: function(task) { log('onTaskComplete: ' + task.name); },
 onTaskError: function(task, err) { log('onTaskError: ' + task.name); },
 onUploadComplete:function() { log('onUploadComplete'); },
 onDragEnter: function() { log('onDragEnter'); },
 onDragLeave: function() { log('onDragLeave'); },
 onDrop: function(files) { log('onDrop: ' + files.length + ' file(s)'); }
});