Fully custom file queue rendered as a table using the onQueueRender callback. Each row shows file name, size, status, and a remove button.
Queued files awaiting upload | File | Size | Status | Actions |
|---|
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);
});
}
});