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 Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.