Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
Form Field File Upload
A pre-composed form field that wraps a BbFileUpload control with automatic label, helper text, and error message display. Inherits from FormFieldBase, which provides EditContext integration, auto-generated control IDs, ARIA attribute wiring, and validation error state management.
Default
A basic
FormFieldFileUpload with a label, helper text, and two-way binding via @bind-Files. The component provides a drag-and-drop dropzone with automatic file handling.
Loading example…
Image Upload with Constraints
Use
Multiple, Accept, MaxFileSize, and MaxFileCount to constrain the upload. Set ShowPreview to true to display image thumbnails.
Loading example…
With Validation Error Handling
Use
OnValidationError to handle file validation failures (e.g. wrong type, too large). The ErrorText parameter displays the error message below the control.
Loading example…
Custom Dropzone Content
Use the
DropzoneContent render fragment to customize the dropzone area with your own content and styling.
Loading example…
Disabled
Set
Disabled to true to prevent user interaction. The dropzone and label display with reduced opacity.
Loading example…