files - API Reference - Kendo UI Upload

files`Array`

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.

Example - passing an array of initial files

<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.

Example

<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.

Example

<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.

Example

<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>