New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ASP.NET MVC Upload Form Integration

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder
form_integration.cshtml
Form_IntegrationController.cs
UserViewModel.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Telerik UI Upload for ASP.NET MVC component can be seamlessly integrated within the Telerik UI for ASP.NET MVC Form as an editor type. When used in the Form, the Upload editor operates in synchronous mode, allowing files to be submitted along with the rest of the form data in a single request. The standard Upload features including validation rules, templates, and customization options are supported when the Upload is integrated into a Form, though asynchronous-specific configurations are unavailable since the Form manages the submission as a single request.

This demo showcases a Form component with an integrated Upload editor that restricts file uploads to specific formats. When the Form is submitted, the uploaded files are intercepted on the server and processed from the HttpPostedFileBase collection.

Additional Apps

This Upload example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in the ThemeBuilder.

Support & Learning Resources

Additional Resources