仅允许在 Kendo Upload 中使用 CSV 文件答案

【问题标题】：Only allow CSV Files in Kendo Upload仅允许在 Kendo Upload 中使用 CSV 文件
【发布时间】：2014-05-20 12:24:16
【问题描述】：

如何将 Kendo 上传限制为 CSV 文件？

剃须刀：

@(Html.Kendo().Upload()
        .Name("import-file")
        .Multiple(false)
        .ShowFileList(true)
        .Async(a => a
            .Save("Save", "Import")
            .Remove("Remove", "Import")
            .AutoUpload(false)
        )
        .Events(events => events.Select("App.Import.select"))
    )

Javascript：

 Import: {
    select: function (event) {
        $.each(event.files, function (index, value) {
            if (value.extension !== '.csv') {
                alert("not allowed!");
            }

            console.log("Name: " + value.name);
            console.log("Size: " + value.size + " bytes");
            console.log("Extension: " + value.extension);
        });
        var breakPoint = 0;
    }    
}

我的想法是在选择事件中删除文件。我怎样才能做到这一点？

问候，马尔科

【问题讨论】：

标签： asp.net-mvc kendo-ui kendo-upload

【解决方案1】：

根据文档here，您应该做的是取消事件（e.preventDefault()）。

所以，既然你不允许选择多个文件，你应该做的是：

select: function (event) {
    var notAllowed = false;
    $.each(event.files, function (index, value) {
        if (value.extension !== '.csv') {
            alert("not allowed!");
            notAllowed = true;
        }

        console.log("Name: " + value.name);
        console.log("Size: " + value.size + " bytes");
        console.log("Extension: " + value.extension);
    });
    var breakPoint = 0;
    if (notAllowed == true) e.preventDefault();
}

此处示例：http://jsfiddle.net/OnaBai/n5Y2s/1/

【讨论】：