New to Kendo UI for jQueryStart a free 30-day trial

Localization

configuration

Sets the strings rendered by the Upload.

<input type="file" name="files" id="photos" />
<script>
    $("#photos").kendoUpload({
        localization: {
            select: "customSelect"
        }
    });
</script>

Sets the text of the Cancel button.

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

Sets the text of the Clear button.

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

Sets the hint of the drop-zone.

Default: "drop files here to upload"

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

Sets the paused status message of the header.

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

Sets the status message of the header for the uploaded files.

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

Sets the status message of the header for the files that are in the process of upload.

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

Sets the text of the validation message for an invalid file extension.

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

Sets the text of the validation messages for invalid files when the batch property is set to true and two or more files fail the validation.

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

Sets the text of the validation message for an invalid maximum file size.

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

Sets the text of the validation message for an invalid minimum file size.

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

Sets the text of the Remove button.

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

Sets the text of the Retry button.

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

Sets the text of the Select... button.

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

Sets the status message for failed uploads.

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

Sets the status message for successful uploads.

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

Sets the status message for files that are in the process of upload.

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

Sets the text of the validation message when a file fails to upload.

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

Sets the text of the Upload files button.

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

Sets the text of the validation message when a file is succesfully uploaded.

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