Custom Table

Display the upload queue as a custom HTML table with columns for name, size, status, and actions.

What you should see: the queue rendered as your own table rows — name, size, status, actions — instead of the built-in list, driven by the event callbacks.

File Name	Size	Status	Action

No files selected

var uploader = CoreUpload.create('#table-uploader', {
 uploadUrl: '/api/upload/upload',
 multiple: true,
 autoUpload: true,
 onFileAdded: function(file) {
 addRowToTable(file);
 },
 onTaskProgress: function(file, percent) {
 updateRowStatus(file.name, Math.round(percent) + '%');
 },
 onTaskComplete: function(file) {
 updateRowStatus(file.name, 'Done');
 },
 onTaskError: function(file, error) {
 updateRowStatus(file.name, 'Error');
 }
});