FileUpload
FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.
Usage #
Examples #
Basic #
Select and upload files with drag-and-drop support.
Auto #
When auto property is enabled, a file gets uploaded instantly after selection.
Advanced #
Advanced uploader provides dragdrop support, multi file uploads, auto uploading, progress tracking and validations.
InputGroup #
FileUpload can be placed inside an InputGroup as an addon to combine it with other form controls.
Custom Upload #
Uploading implementation can be overridden by enabling customUpload property and defining a custom upload handler.
Dropzone #
A custom dropzone can be built with the content and empty templates. Files are added by dragging them onto the area or by clicking to browse, and the selected files are managed with the removeFileCallback.
Drop files here
or click to browse
Image Preview #
Grid-based image preview with thumbnails. Hover over images to reveal the remove button.
No images selected. Click "Add Images" to get started.
Accessibility #
Screen Reader
FileUpload uses a hidden native input element with type="file" for screen readers.
Keyboard Support
Interactive elements of the uploader are buttons, visit the Button accessibility section for more information.