Drop with Preview

Drop image files to see instant thumbnails before uploading. Combine drag-and-drop with image preview.

What you should see: drop images and thumbnails appear immediately, before any upload starts — drag-and-drop and local preview combined.

<div id="previewDropZone"></div>

<script>
CoreUpload.create('#previewDropZone', {
    uploadUrl: '/api/upload/upload',
    multiple: true,
    allowedExtensions: '.jpg,.png,.gif,.webp',
    autoUpload: true,
    showProgress: true,
    showThumbnails: true,
    thumbnailSize: 96,
    dropZoneMode: true,
    dropTarget: '#previewDropZone'
});
</script>