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

Files

configuration

The list of files that will be initially rendered in the files list of the Upload.

Each file object in the array has to contain the following properties:

name
size
extension

The files option is available only when the Upload is in async mode. As a result, the files are displayed as uploaded successfully.

files

Array

<input type="file" name="files" id="upload" />
<script>
    var files = [
        { name: "file1.doc", size: 525, extension: ".doc" },
        { name: "file2.jpg", size: 600, extension: ".jpg" },
        { name: "file3.xls", size: 720, extension: ".xls" },
    ];

    $("#upload").kendoUpload({
        async: {
            saveUrl: "Home/Save",
            removeUrl: "Home/Remove",
            autoUpload: true
        },
        files: files
    });
</script>

files.extension

String

The extension of the initial file.

<input name="files" id="files" type="file" />
<script>
    var files = [
        { name: "Document.pdf", extension: ".pdf", size: 98366 },
        { name: "Image.jpg", extension: ".jpg", size: 10300 }
    ];

    $("#files").kendoUpload({
        async: {
            saveUrl: "Home/Save",
            removeUrl: "Home/Remove",
            autoUpload: true
        },
        files: files
    });
</script>

files.name

String

The name of the initial file.

<input name="files" id="files" type="file" />
<script>
    var files = [
        { name: "Report.docx", extension: ".docx", size: 45128 },
        { name: "Presentation.pptx", extension: ".pptx", size: 78521 }
    ];

    $("#files").kendoUpload({
        async: {
            saveUrl: "Home/Save",
            removeUrl: "Home/Remove",
            autoUpload: true
        },
        files: files
    });
</script>

files.size

Number

The size of the initial file.

<input name="files" id="files" type="file" />
<script>
    var files = [
        { name: "Manual.pdf", extension: ".pdf", size: 1024000 },
        { name: "Photo.png", extension: ".png", size: 256000 }
    ];

    $("#files").kendoUpload({
        async: {
            saveUrl: "Home/Save",
            removeUrl: "Home/Remove",
            autoUpload: true
        },
        files: files
    });
</script>