An Upload uses progressive enhancement to deliver the best possible uploading experience to users without requiring extra developer effort. Features highlights:

• Asynchronous and synchronous (on form submit) file upload
• Multiple file selection
• Removing uploaded files
• Progress tracking *
• File drag-and-drop *
• Cancelling upload in-progress *

(*) These features are automatically enabled if supported by the browser.

An Upload is a standards-based widget; no plug-ins required.

Getting Started

<!-- Kendo will automatically set the form enctype attribute to "multi-part/form-data" -->
<form method="post" action="handler.php">
    <div>
        <input name="photos[]" id="photos" type="file" />
    </div>
</form>

$(document).ready(function() {
    $("#photos").kendoUpload();
});

Note the array syntax in the input name; it is used to hint the upload handler to treat photos as an array.

Please consult the documentation of your specific server technology regarding the handling of uploaded files.

See Also

Upload Modes

Accessing an Existing Upload

You can reference an existing Upload instance via jQuery.data(). Once a reference has been established, you can use the API to control its behavior.

var upload = $("#upload").data("kendoUpload");