Kendo UI问题，删除文件

Posted 2021-04-05

我有以下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();
}

答案

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

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

        }
    }
}