Works with any backend npm install Zero dependencies

Stats Dashboard

Use getStats() to build a real-time upload statistics dashboard.

Total0
Pending0
Uploading0
Completed0
Failed0
Bytes0 B / 0 B
(function() {
 var uploader = new MultipleUpload('#demo', {
 uploadUrl: '/api/upload',
 multiple: true,
 concurrency: 2
 });
 function update() {
 var s = uploader.getStats();
 document.getElementById('st-total').textContent = s.total;
 document.getElementById('st-pending').textContent = s.pending;
 document.getElementById('st-uploading').textContent = s.uploading;
 document.getElementById('st-completed').textContent = s.completed;
 document.getElementById('st-failed').textContent = s.failed;
 document.getElementById('st-bytes').textContent = MultipleUpload.formatSize(s.uploadedBytes) + ' / ' + MultipleUpload.formatSize(s.totalBytes);
 }
 uploader.on('taskProgress', update);
 uploader.on('taskComplete', update);
 uploader.on('taskError', update);
 uploader.on('fileAdded', update);
})();