python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions