progress

Fires when the data about the progress of the upload is available.

  • The progress event fires only when the Upload is in async mode.
  • The progress event is not fired in Internet Explorer. For more information, refer to the article on supported browsers.

Example

<input type="file" name="files" id="photos" />
<script>
    $("#photos").kendoUpload({
        async: {
            saveUrl: "http://my-app.localhost/save",
            removeUrl: "http://my-app.localhost/remove"
        },
        progress: onProgress
    });

    function onProgress(e) {
        // An array with information about the uploaded files
        var files = e.files;

        console.log(e.percentComplete);
    }
</script>

Event Data

e.files Array

Lists the files that are in the process of upload.

Each file has:

  • name
  • extension - The file extension including the leading dot. For example, .jpg, .png, and so on.
  • size - The file size in bytes. If not available, the value is null.
  • uid - The unique identifier of the file or batch of files.
percentComplete Number

Defines the progress of the upload. The available values are from 0 to 100.

In this article
Not finding the help you need? Improve this article