Blazor Image Editor Example - File Format and Size Restrictions
This sample demonstrates the file restriction feature in the Blazor Image Editor, which allows customization of file extensions, minimum and maximum file sizes, and drag-and-drop functionality.
This sample highlights the enhanced configuration capabilities of the Blazor Image Editor component using the UploadSettings property. The following features are included:
- File Extensions: Use a multi-select dropdown to dynamically choose allowed file extensions. Supported extensions include
jpeg,jpg,png,svg,webp, andbmp. - File Size: Two numeric textboxes are provided to set the minimum and maximum file sizes (in bytes). These values dynamically update the
UploadSettingsproperty. - Dynamic Updates: Changes made to the numeric textboxes or the dropdown options immediately reflect in the component's
UploadSettings. - Upload Settings: Predefined settings include:
- Allowed Extensions:
.jpeg,.png,.svg,.webp,.bmp - Minimum File Size: 1 KB
- Maximum File Size: 100 KB
- Allowed Extensions:
For more information about the Image Editor and its configuration options, refer to the documentation section.