Custom Queue Table

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.

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