kendo上传异步,如何用javascript提交?

时间:2013-06-06 19:08:01

标签: asp.net-mvc-4 file-upload upload kendo-ui

如何使用javascript使用外部按钮在异步模式下提交 Kendo上传文件, 这是可能的? 有人有解决方案吗?

1 个答案:

答案 0 :(得分:6)

在最初选择文件后,KendoUpload将创建一个按钮,您可以选择$(“。k-upload-selected”)。调用单击此按钮将在async选项中POST回到saveUrl设置。您需要设置autoUpload:false。

在kendUpload中选择,您可以访问Kendo生成的上传按钮,隐藏它然后在myUploadButton的点击中触发click事件。

我的原始代码位于Backbone视图中。为了简化我把它拉了出来。我没有测试下面的代码,但它应该非常接近你需要的。

        var myUploadButton = $("#save");        
        var kendoUploadButton;
        $("#files").kendoUpload({
            async: {
                saveUrl: http://uploadurl",
                autoUpload: false,
            },
            multiple: false,
            select: function (e) {

                setTimeout(function () {
                    kendoUploadButton = $(".k-upload-selected");
                    kendoUploadButton.hide();
                }, 1);
            }
        });

        myUploadButton.click(function() {
          if(kendoUploadButton)
              kendoUploadButton.click();
        });

Kendo Forum post on KendoUpload Trigger