CMS Media Library Upload

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.

A media library interface for a content management system. Upload images and documents, then browse them in a grid with file type icons.

What you should see: a media-library flow: drop assets, get thumbnails in a grid, uploads land in the library list.

banner.jpg

terms.pdf

AjaxUploader.create(el, {
 uploadUrl: '/ajaxupload.axd/upload',
 multiple: true,
 autoUpload: true,
 onComplete: function (file) {
 var ext = file.name.split('.').pop().toLowerCase();
 var icon = isImage(ext) ? 'image-icon' : 'doc-icon';
 mediaGrid.appendChild(createMediaItem(icon, file.name));
 }
});