Custom Queue Table

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

Custom Queue Table

Fully custom file queue rendered as a table using the onQueueRender callback. Each row shows file name, size, status, and a remove button.

What you should see: the queue as your own HTML table with name, size, status and action columns. Auto-upload is off so rows accumulate until you start.

AjaxUploader.create(el, {
 uploadUrl: '/ajaxupload.axd/upload',
 multiple: true,
 autoUpload: false,
 onQueueRender: function (queue) {
 tbody.textContent = '';
 queue.forEach(function (item) {
 // Build a custom table row for each queued file
 var row = document.createElement('tr');
 var nameCell = document.createElement('td');
 nameCell.textContent = item.name;
 var statusCell = document.createElement('td');
 statusCell.textContent = item.status;
 row.appendChild(nameCell);
 row.appendChild(statusCell);
 tbody.appendChild(row);
 });
 }
});