删除文件时出现剑道 UI 问题

Question

我有以下 HTML：

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

我的javascript/jquery试图删除文件，当它不是特定的扩展名时。

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

我不希望启动保存，因为我还不希望它保存。

如果愚蠢，请忽略。这是我第一次接触剑道。

$(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

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

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();
        }
    }
}