Kendo UI 删除文件时出现问题

Question

我有以下 HTML:

<div class="demo-section k-content">
     <input name="files" id="files" type="file/>
</div>

我的 javascript/jquery 试图删除不具有特定扩展名的文件。

当我想删除时它似乎不起作用。其余部分按预期工作。

我不想启动保存，因为我还不想保存。

如果傻请无视。这是我第一次遇到Kendo。

$(document).ready(function () {
    $("#files").kendoUpload({
        async: {
            autoUpload: true,
            //saveUrl: "save",
            removeUrl: "remove",
            withCredentials: false
        },
        select: onSelect,
    });
});

function onSelect(e) {
    var files = e.files;
    for (var i = 0; i < files.length; i++) {
        var uid = files[i].uid;
        var entry = $(".k-file[data-uid='" + uid + "']");
        alert(files[i].name);
        if (files[i].name.split('.').pop().toLowerCase() != 'pdf') {
            alert('Only documents are allowed.');
            //$("#files").data("kendoUpload").removeFileByUid(uid);
            //entry.remove();

            removeFile(uid, entry);
        }
    }
}

function removeFile(uid, entry) {
    alert(uid);
   // entry.remove();
   // $(uid).remove();
   // $('#' + uid).remove();
    document.getElementById(''+uid).remove();
}

Answer 1

您可以在 select 中通过取消活动来执行此操作。

function onSelect(e) {
    var files = e.files;
    for (var i = 0; i < files.length; i++) {
        var uid = files[i].uid;
        var entry = $(".k-file[data-uid='" + uid + "']");
        alert(files[i].name);
        if (files[i].name.split('.').pop().toLowerCase() != 'pdf') {
            alert('Only documents are allowed.');
            //$("#files").data("kendoUpload").removeFileByUid(uid);
            //entry.remove();

            //removeFile(uid, entry);
            e.preventDefault();

        }
    }
}