SSE Chunk Progress

Server-sent events progress for chunked uploads. The server can push real-time processing status after chunks are received, providing feedback beyond just upload progress.

Waiting for upload...

new MultipleUpload(document.getElementById('demo-chunk-sse'), {
 uploadUrl: '/api/upload',
 multiple: true,
 chunked: true,
 chunkSize: 2 * 1024 * 1024,
 onTaskProgress: function(task) {
 var status = document.getElementById('sse-status');
 var chunkNum = Math.ceil((task.progress / 100) * Math.ceil(task.fileSize / (2 * 1024 * 1024)));
 var totalChunks = Math.ceil(task.fileSize / (2 * 1024 * 1024));
 status.textContent = 'Uploading chunk ' + chunkNum + ' of ' + totalChunks +
 ' (' + Math.round(task.progress) + '%)';
 },
 onTaskComplete: function(task) {
 document.getElementById('sse-status').textContent =
 'Server processing complete for ' + task.fileName;
 }
});