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);
})();