FileInput (Blazor)
This article demonstrates how to use the FileInput component. Check also the component guide and API reference.
The FileInput component is used to upload files as a part of a TemplateForm component. Files are uploaded as Data URI to be saved in a database table.
FileInput Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘fileInput’ + index suffix | Unique name of the upload. |
| Accept | string | image/* | Accepted files filter. |
| Value | string | null | File contents as a Data URI. Will preview an image if set to an image Data URI. |
| Disabled | boolean/expression | false | Is FileInput disabled. |
| Visible | boolean/expression | true | Is FileInput visible. |
| Style | string | null | In-line CSS style. |
| ImageStyle | string | null | In-line CSS style for the image. |
FileInput Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | The event argument is the file data as a Data URI string. |
| Error | event | null | Error message. |
For more info about event actions please visit event actions in our documentation.
Blazor declaration
<RadzenFileInput Value="@firstEmployee.Photo" Change="@FileInputChanged" />