Progress Telerik UI for Blazor
The UI for Blazor FileSelect component allows you to select local files and store them on a server. It exposes multiple configuration options that allow you to have full control over the management of selected files and the way they are uploaded, including disabled state, minimum and maximum file size, file types and extensions. It has built-in keyboard navigation support and accessibility, just like the rest of the Blazor UI components in the Telerik portfolio.See the Telerik UI for Blazor FileSelect features in action.
The FileSelect can be configured to allow selecting single or multiple files at once via the Multiple parameter. For cases when you need to restrict users from selecting files, the FileSelect can be disabled through a single configuration option.
Validation in the component is performed only client-side and is controlled by several parameters: AllowedExtensions, MinFileSize and MaxFileSize.See Blazor FileSelect validation examples.
The FileSelect component gives you programmatic control over the selected and removed files by exposing the following events:
The FileSelect UI component has built-in localization support, which makes it easy to translate texts to any language that your Blazor app may require.
Like all other Telerik UI for Blazor components, the FileSelect component supports out-of-the-box keyboard navigation and has been built with accessibility in mind. Using the Tab (for focus), Enter (open a selected file), Up/Down arrows (highlighting a selected file) and Delete (removes a highlighted file), you can work with the FileSelect without a touch of a mouse.
The Telerik UI for Blazor FileSelect has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of the out-of-the-box themes with a few lines of CSS, or create a new theme to match your colors and branding by using the Telerik Sass ThemeBuilder application.