background

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!
Telerik UI for WPF Ninja
  • 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.  

     

     
    Telerik UI for ASP.NET Core File Upload Overview
  • 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. 

     

    See the Asynchronous Upload Demo or visit our documentation 

    Telerik UI for ASP.NET Core Asynchronous and Synchronous File Upload
  • 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. 

    Telerik UI for ASP.NET Core File Upload Visual Indicators for Common Operations
  • 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.  

     

    Telerik UI for ASP.NET Core Chunk Upload
  • Directory Upload

    Sometimes users prefer to drag and drop a folder, not individual files. The ASP.NET Core File Upload control makes this easy.  

     

    Telerik UI for ASP.NET Core Directory Upload
  • 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. 

     

    Telerik UI for ASP.NET Core File Upload Validation
  • 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. 

     

    See the Progress Monitoring Demo 

    Telerik UI for ASP.NET Core Out-of-the-Box File Upload Progress
  • 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. 

     

    See the Custom Drop Zone Demo

    Telerik UI for ASP.NET Core Upload Drag and Drop
  • 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. 

     

    See a Demo of the API 

    Telerik UI for ASP.NET MVC API
  • Customize File Upload with Templates

    The flexible templates give you full control over the appearance of the ASP.NET Core File Upload.  

     

    See a Demo of the Templates 

    Telerik UI for ASP.NET Core Customize File Upload with Templates
  • 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 

     

    Telerik UI for ASP.NET Core HTML and Tag Helpers
  • 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.  

     

    See the RTL Demo 

    Telerik UI for ASP.NET Core RTL Support
  • 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.


    Keyboard navigation
  • 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.  

     

    Telerik UI for ASP.NET Core Upload Theming

All ASP.NET Core Components

Next Steps