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>
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>