文件类型的 Kendo UI 图像上传限制不起作用

Question

我想使用 ASP .NET MVC3 的剑道 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
});

Answer 1

你有一个类型-o：

value.expresion == ".jpg"

应该是：

value.expression == ".jpg"

请注意您缺少一个“s”

编辑

value.extension 是一个包含扩展名的字符串。而ok 是一个布尔值，用于确定是否提供了正确的扩展名，因此需要更新用于确定是否显示警报的内容：

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