UI for ASP.NET MVC
ASP.NET MVC Upload
- Enable users to upload single or multiple files in your apps with the Telerik ASP.NET MVC Upload component. Supporting file drag & drop, progress tracking, multiple files upload and in-progress upload cancellation.
- Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms and more!
-
Overview
Let your users upload single or multiple files with item selection or drag and drop. Use Upload widget to upload on a postback or the AsyncUpload to do it via AJAX. Events triggered by the HTML5 kendoUpload are easily handled via a console log. Lastly, leverage the built-in file size and extension validation.
-
Asynchronous and Synchronous Upload
The MVC File Upload control can be used as a themeable and customizable replacement for file input elements. This means users can upload files to your server asynchronously. Also, multiple files can be selected and uploaded on their own, without the need to wait for each to be uploaded completely. If the asynchronous approach doesn’t fit your application, don’t worry. Our MVC Upload component can upload all files using the more traditional synchronous approach as well.
-
Visual Indicators for Common Operations
Make use of the rich UI showing visual notifications for common operations: successful upload, failed validation and upload in progress. Complement that with our useful cancel upload button.
-
Drag and Drop File Upload
Leverage the latest technology trends with Telerik File Upload in ASP.NET MVC and enable your end users to upload files using drag and drop functionality. They can drop the desired files over the upload, or define custom drop zones over the page—and all of this is achieved codelessly.
-
Chunk Upload
The Telerik UI for ASP.NET MVC Upload component allows users to send files to the server in chunks. They can easily pause or resume the uploads if needed.
See more about the Chunk File Upload in this demo
-
Out-of-the-Box and Advanced Progress Monitoring
With our new ASP.NET MVC file upload, you can use the codeless progress monitoring, which shows a sleek inline progress indicator next to each file being uploaded.
-
Directory Upload
The component allows users to upload a whole directory of files through dragging and dropping them into the Upload control. When the component is configured for directory upload, the users will be able to upload only folders, single files wouldn't be selectable.
-
File Identification
The Upload component's internal implementation allows you to identify which file object is in the process of uploading to the remote endpoint. Regardless of the mode of operation, the MVC Upload generates a unique identifier (uid) for each file, then the generated id is added as a property to all events listed here.
-
File Validation
The Telerik UI for ASP.NET MVC Upload supports three types of file validation:
-
Templates
Have full control over the way your ASP.NET Upload for MVC looks to your end users, thanks to the flexible template feature.
-
Server- and Client-Side API for Max Flexibility
UI for ASP.NET MVC comes with a complete server-side API. With simple API calls designed to feel natural in server-side languages, you can configure all features of the MVC File Upload component. Since the server wrappers output the JavaScript, you also have full access to the client-side API for maximum control in the browser.
-
Right-to-Left (RTL) Support
Place the component in any application – even if it’s designed to be displayed in a right-to-left fashion.
-
Keyboard Navigation
The Telerik UI for ASP.NET MVC 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.
-
Theming
You can style the ASP.NET MVC Upload control with one of the built-in themes 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). If you prefer, you can create new themes by using the Progress SASS ThemeBuilder application.
