Getting Started with the Upload
This guide demonstrates how to get up and running with the Kendo UI for jQuery Upload.
After the completion of this guide, you will be able to achieve the following end result:
<input name="files" id="files" type="file" />
<script>
$(document).ready(function() {
$("#files").kendoUpload({
async: {
saveUrl: "save",
removeUrl: "remove",
autoUpload: true
}
});
});
</script>
1. Create an input Element
First, create an <input> element on the page that will be used to initialize the Upload widget. Set the type of the input to "file".
<input name="files" id="files" type="file" />
2. Initialize the Upload
In this step, you will initialize the Upload from the input element.
<script>
$(document).ready(function() {
$("#files").kendoUpload();
});
</script>
3. Configure the Upload Settings
Next, set the saveUrl and removeUrl configuration options. These configurations allow the end-user to upload a file to the server and remove it afterwards.
<script>
$(document).ready(function() {
$("#files").kendoUpload({
async: {
saveUrl: "save",
removeUrl: "remove",
autoUpload: true
}
});
});
</script>
4. Create the Remote Endpoints
The server-side logic must be implemented by the developers themselves. You can find a sample server logic in the Asynchronous Upload demo by clicking the View Source tab.
