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

Question

我想使用 ASP .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
});

Answer 1

你有一个 o 型:

value.expresion == ".jpg"

应该是:

value.expression == ".jpg"

注意你少了一个's'

编辑

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

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