kendo ui upload check file extension

kendo ui upload check file extension

This is basically get the file extension and used to validate the kendo ui file upload control using kendo ui. The example as given as below.

The table of Constants

1. JavaScript code for validate selected file.
2. HTML Code sample for UX.

JavaScript code for validate selected file

<script>
        //This used for validate files.
        var onSelect = function (e) {
            if (e !== undefined && e !== null) {
                $.each(e.files, function (key, val) {
                    if (val !== undefined) {
                        var isValid = val.extension == ".xls" || val.extension == ".xlsx"

                        if (!isValid) {
                            e.preventDefault();
                            showMSG($("#msg"), "Please select excel files.");
                        }
                    }
                });
            }
        };

</script>

HTML Code sample for UX

<div class="col-sm-9">
    @(Html.Kendo().Upload()
    .Name("files")
    .Multiple(false)
    .HtmlAttributes(new { required = true })
    .Events(events => events.Select("onSelect"))                           
    )                           
</div>
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

kendo ui upload check file extension kendo ui upload check file extension Reviewed by Anil Singh on 8:00 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^