单击按钮触发 kendo 上传的删除事件不起作用

Question

我想在另一个按钮的点击事件中删除 kendo 上传控件的选定文件，我按照下面的 link 删除事件已触发但未清除下面的文件是我的代码。请任何人帮助我我做错了什么。

$(document).ready(function () {
        $("#files").kendoUpload({
            "multiple": false,
            select: function (event) {
                console.log(event);
                var notAllowed = false;
                $.each(event.files, function (index, value) {
                    if ((value.extension).toLowerCase() !== '.jpg') {
                        alert("not allowed! only jpg files!");
                        notAllowed = true;
                    }
                    else if (value.size > 3000000) {
                        alert("file size must less than 3MB ");
                        notAllowed = true;
                    }
                    if (event.files.length > 1) {
                        alert("Please select single file.");
                        e.preventDefault();
                    }
                });

                var breakPoint = 0;
                if (notAllowed == true) event.preventDefault();
                var fileReader = new FileReader();
                fileReader.onload = function (event) {

                    var mapImage = event.target.result;
                    $("#sigimage").attr('src', mapImage);
                    document.getElementById("sigimage").style.display = 'block';


                }
                fileReader.readAsDataURL(event.files[0].rawFile);

            },
                remove: function (e) {
                    alert("remove");
                    e.preventDefault();
                },

        });
        $("#closewindow").click(function (e) {
            $("#files").data("kendoUpload").trigger("remove");
        });
    });

Answer 1

您可以使用以下代码删除点击函数中的文件。

$(".k-delete").parent().click();

请访问 fiddle 此处查看工作示例

Answer 2

您可以像这样创建自定义函数：

function remove(){
    $(".k-upload-files").remove();
    $(".k-upload-status").remove();
    $(".k-upload.k-header").addClass("k-upload-empty");
    $(".k-upload-button").removeClass("k-state-focused");
};

上传文件会删除触发删除

单击按钮触发 kendo 上传的删除事件不起作用

Triggering remove event of kendo upload on click of button is not working

file-upload

kendo-ui