Initialize the uploader with pre-existing files. Useful for edit forms where files
were previously uploaded and should be displayed in the queue.
What you should see: the queue already populated on load with files the server knows about - how an edit screen shows existing attachments beside new ones.
<script>
var preloadedFiles = [
{ name: 'report-2024.pdf', size: 801, url: '<%= ResolveUrl("~/uploads/report-2024.pdf") %>' },
{ name: 'photo.jpg', size: 62406, url: '<%= ResolveUrl("~/uploads/photo.jpg") %>' },
{ name: 'data.xlsx', size: 2993, url: '<%= ResolveUrl("~/uploads/data.xlsx") %>' }
];
AjaxUploader.create(element, {
multiple: true,
autoUpload: true,
showProgress: true,
buttonText: 'Add More Files',
preloadedFiles: preloadedFiles
});
</script>