New to Kendo UI for jQuery? Download free 30-day trial

jQuery Upload Form Integration

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
form-integration.html
Sample service

Also available for:

API REFERENCE

Description

The Kendo UI for jQuery Upload component can be seamlessly integrated within the Kendo UI for jQuery 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 items and the uploaded file are sent to the server via an $.ajax() request.

This Upload example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery 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 Kendo UI for jQuery Dojo or ThemeBuilder.

Support & Learning Resources

Additional Resources