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;
        });
    }
});