Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Open Radzen Blazor Studio docs

FileInput (Angular)link

FileInput component properties and events.

The FileInput component is used to upload files as a part of a TemplateForm or Form components. The major difference with the Upload component is that files are uploaded as Data URI to be saved in a database table.

FileInput Propertieslink

NameTypeDefaultDescription
Namestring'fileInput' + index suffixUnique name of the upload.
AcceptstringnullAccepted files filter.
ValuestringFile contents as a Data URI. Will preview an image if set to an image Data URI.
Disabledboolean/expressionfalseIs FileInput disabled.
Visibleboolean/expressiontrueIs FileInput visible.

image

FileInput Eventslink

NameTypeDefaultDescription
ChangeeventnullThe event argument is the file data as a Data URI string.
SelecteventnullThe event argument contains a single property file which is an instance of the File class and represents the selected file.

image

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

Get started today

Radzen is free to use. You can also test the premium features for 15 days.

Start Free
© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3