Question

我想在另一个按钮的点击事件中删除所选的剑道上传控件文件，然后我按照下面的链接 Triggering OnCancel event of kendo upload on click of button已触发的remove事件但不清楚下面的文件是我的代码。请任何人帮助我，我做错了什么。

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

删除上传文件的触发删除。

单击按钮时触发删除剑道上传事件不起作用

2 个答案: