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

【问题标题】：Triggering remove event of kendo upload on click of button is not working单击按钮时触发剑道上传的删除事件不起作用
【发布时间】：2015-04-09 11:18:29
【问题描述】：

我想在另一个按钮的点击事件中删除选定的剑道上传控制文件，我点击了以下链接 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");
        });
    });

【问题讨论】：

标签： file-upload kendo-ui

【解决方案1】：

您可以使用以下代码在 click 函数中删除文件。

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

请访问fiddle这里查看工作示例

【讨论】：

【解决方案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");
};

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

【讨论】：