Kendo UI Image Upload文件类型的限制无效

时间:2013-11-07 20:59:39

标签: javascript jquery asp.net-mvc-3 kendo-ui

我想使用Windows .NET MVC3的kendo UI将图像上传限制为只有jpg图像。但是,当我按照example here进行操作时,即使我上传了一个jpg文件,即使我在下面进行操作,它仍会提醒“请上传jpg图像文件”!事实上,它让我选择各种图像。如何更改它以便我只能上传jpg图像,如果我上传png或其他类型的图像文件,它应该提醒,只上传jpg图像。

我把它放在我的一个观点中:

<script>
var onSelect = function (e) {
    $.each(e.files, function (index, value) {
        var ok = value.extension == ".JPG"
                 || value.extension == ".JPEG"
                 || value.extension == ".jpg"
                 || value.extension == ".jpeg";

        if (value.extension != ok) {
            e.preventDefault();
            alert("Please upload jpg image files");
        }
    });
};

// initialize and configure an Upload widget with a select event handler
$("#photos").kendoUpload({
    select: onSelect
});

1 个答案:

答案 0 :(得分:3)

你有一个类型-o:

value.expresion == ".jpg"

应该是:

value.expression == ".jpg"

请注意,您错过了's'

修改

value.extension是一个包含扩展名的字符串。 ok是一个布尔值,用于确定是否提供了正确的扩展名,因此您需要使用以确定是否显示警报的内容需要显示:

if (!ok) {
   e.preventDefault();
   alert("Please upload jpg image files");
}