UI for ASP.NET Core
ASP.NET Core Upload
- Use the ASP.NET Core Upload component for easy file upload management in your app.
- Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
ASP.NET Core File Upload Overview
The ASP.NET Core File Upload control allows users to upload files in an easy and intuitive manner. It doesn’t matter if your users prefer Drag and Drop or manual file selection because ASP.NET Core File Upload supports both. Even the basic configuration of the control offers progress tracking, multiple file selection, asynchronous removal of uploaded files, and in-progress cancellation of upload. Take advantage of the built-in file validation feature and define what files are accepted.
-
Asynchronous and Synchronous File Upload
Improve the user experience of your application with the Asynchronous Upload mode. There is no need to wait for each file to upload completely before adding the next file. Users can upload multiple files and each file will be uploaded independently. Added the wrong file? Not a problem, with the ASP.NET Core File Upload control, users can also remove selected files.
If the asynchronous upload mode doesn’t fit your application, don’t worry. Our ASP.NET Core File Upload can handle files in the conventional synchronous mode as well. In this mode, the selected files are uploaded upon form submission.
-
Visual Indicators for Common Operations
Make use of the rich UI that shows visual notifications for common operations: successful upload, failed validation, and upload in progress. Complement that with our useful cancel upload button. The ASP.NET Core File Upload control has everything the user needs.
-
Chunk Upload
Sending large files can be a challenge but not with the ASP.NET Core File Upload control. Configure the Chunk Upload feature and users can conveniently send files to the server in small chunks. Users can pause and resume the upload. If the transfer of a chunk fails, the control will try to transfer again only the failed chunk, not the large file.
-
Directory Upload
Sometimes users prefer to drag and drop a folder, not individual files. The ASP.NET Core File Upload control makes this easy.
-
ASP.NET Core File Upload Validation
The File Upload component offers several built-in parameters to help you easily perform validation of the selected files. You can set restrictions to the allowed size using MinFileSize and MaxFileSize properties, or file format using the AllowedExtensions parameter.
-
Out-of-the-Box File Upload Progress
With our new ASP.NET Core File Upload, you can enjoy the built-in progress monitoring. A sleek inline progress indicator appears next to each file that is being uploaded.
-
Drag and Drop File Upload
Leverage the latest technology trends with ASP.NET Core File Upload and enable your end-users to upload files seamlessly with the simple and intuitive Drag and Drop functionality. You are free to define custom drop zones over the page. Or, you can simply use the File Upload box as a designated drop zone.
-
Server- and Client-Side API for Maximum Flexibility
Telerik UI for ASP.NET Core comes with a complete server-side API. You can configure all features of the File Upload component with simple API calls designed to feel natural. Since the server-side wrappers output JavaScript, you also have full access to the client-side API for maximum control in the browser.
-
Customize File Upload with Templates
The flexible templates give you full control over the appearance of the ASP.NET Core File Upload.
-
Declarative Initialization
Declarative initialization—a feature that serializes the component declaration as an MVVM declarative configuration instead of an inline initialization script—is supported in Telerik UI for ASP.NET Core Upload. It is beneficial in cases when the Content Security Policy (CSP) is enabled as it eliminates the requirement to call the methods that defer the initialization script generated after the component's HTML markup.
See Telerik UI for ASP.NET Core Upload declarative initialization demo
-
HTML Helpers and Tag Helpers
With Telerik UI for ASP.NET Core you are free to choose the development approach that best suits your needs. Enjoy the HTML-like development experience and the rich IntelliSense that come with the ASP.NET Core Button Tag Helper. Or use the convenient HTML Helper. We have both, the decision is yours.
Visit the File Upload Tag Helper Documentation
-
Right-to-Left (RTL) Support
Use the ASP.NET Core File Upload control in any application. Even if it is designed for languages like Arabic or Hebrew, where users read from right to left. With only a few settings, you can adjust the RTL feature and make the upload box feel natural for these users.
-
Keyboard Navigation
The Telerik UI for ASP.NET Core File Upload is one of the many UI components in the suite with out-of-the-box support for keyboard navigation. Users can easily navigate the component using a combination of keyboard buttons to focus the desired file and reset, cancel or pause its upload.
-
File Upload Theming
The ASP.NET Core File Upload has several built-in themes and swatches such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). You can easily customize 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 Progress SASS ThemeBuilder application.
