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...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.