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

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book