Blazor Image Editor Example - File Format and Size Restrictions
Drag and drop your image here or
Browse here...
Drop your image here or
Browse here...Supports: PNG, SVG, JPG, WebP, and BMP
Or drop files here
This sample demonstrates file restriction in the Blazor Image Editor. Use the property pane to configure allowed file extensions, minimum/maximum file sizes, and drag-and-drop behavior through the UploadSettings property.
Dynamic updates from the UI instantly reflect in the component’s configuration, ensuring immediate validation feedback. This approach helps prevent large or unsupported uploads and streamlines user workflows.
- Allowed Extensions – Choose from
.jpeg,.jpg,.png,.svg,.webp, and.bmp. - File Size – Set minimum and maximum sizes (in bytes); defaults are 1 KB to 100 KB.
- Drag and Drop – Configure drag-and-drop upload behavior to align with your UX needs.
For setup guidance and additional configuration, see the documentation.