Image Preview

Preview Images Before Upload

Preview selected images before uploading. Users can review their selections and remove unwanted images before starting the upload. v5.2 auto-decodes HEIC (iPhone) into JPEG/PNG for preview, applies EXIF orientation, and can run images through up to 5 preset sizes before transfer.

Related: image editor (smart-crop, overlays, AVIF) 5.2, crop + annotation editor, preset resize, avatar crop.

Drag & drop files here, or paste from clipboard
<au:AjaxFileUpload ID="Uploader1" runat="server"
 EnableImagePreview="true"
 ShowThumbnails="true"
 AllowMultiple="true"
 AllowedExtensions=".jpg,.jpeg,.png,.gif,.webp"
 AutoUpload="false" />

// JavaScript API approach
AjaxUploader.create('#uploader', {
 uploadUrl: '/ajaxupload.axd/upload',
 multiple: true,
 allowedExtensions: '.jpg,.jpeg,.png,.gif,.webp',
 autoUpload: false,
 onSelect: function(files) {
 files.forEach(function(f) {
 var reader = new FileReader();
 reader.onload = function(e) {
 showPreview(e.target.result, f.name);
 };
 reader.readAsDataURL(f.file || f);
 });
 }
});