FileInput

This guide demonstrates how to use the FileInput component.

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.

FileInput Events

Name Type Default Description
Change event null The event argument is the file data as a Data URI string.

For more info about event actions please visit event actions in our documentation.

Blazor declaration

<RadzenFileInput Value="@firstEmployee.Photo" Change="@FileInputChanged" />

We are here for you

Making our users happy is always a priority for us.