FileInput

This documentation provides a comprehensive reference for the FileInput component, guiding you through its configuration options.
Demos

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object>? null Gets or sets additional attributes that will be applied to the component. 1.0.0
AllowedFileTypes IEnumerable<string>? null Gets or sets the file extensions accepted by the picker. Null or an empty collection permits every extension. 4.0.0
AriaLabel string Select files Gets or sets the accessible label for the file selection area. 4.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
HintText string? null Gets or sets supplementary text displayed below the file selection area. 4.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
InvalidFileTypeErrorMessage string {FileName}: the file extension is not allowed. Gets or sets the message template used when a selected file extension is not allowed. Supports {FileName} and {AllowedFileTypes} tokens. 4.0.0
MaxFileCount int? null Gets or sets the maximum number of accepted files. Null does not impose a file-count limit. 4.0.0
MaxFileCountErrorMessage string {FileName}: the maximum number of files has been reached. Gets or sets the message template used when a file exceeds the configured file-count limit. Supports {FileName} and {MaxFileCount} tokens. 4.0.0
MaxFileSize long? null Gets or sets the maximum accepted file size in bytes. Null does not impose a size limit. 4.0.0
MaxFileSizeErrorMessage string {FileName}: the file exceeds the maximum allowed size. Gets or sets the message template used when a file exceeds the configured size limit. Supports {FileName} and {MaxFileSize} tokens. 4.0.0
Multiple bool False Gets or sets whether users can select multiple files. When false, selecting a file replaces the current selection. 4.0.0
SingleFileErrorMessage string Only one file can be selected. Gets or sets the message shown when users select multiple files while Multiple is false. 4.0.0
Size FileInputSize Default Gets or sets the Bootstrap size used to render the file picker. 4.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

Events #

Name Return Type Description Added Version
FilesChanged EventCallback<IReadOnlyList<IBrowserFile>> Fires after accepted files are added or removed and supplies the current read-only file list. 4.0.0

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.