Preview selected images before uploading. Users can review their selections
and remove unwanted images before starting the upload. v5.3 auto-decodes HEIC (iPhone) into JPEG/PNG for preview, applies EXIF orientation, and can run images through
up to 5 preset sizes before transfer.
What you should see: a local thumbnail for every selected image before anything uploads. Auto-upload is off so you can review the set first.
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);
});
}
});