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

Luc*_*ath 3 upload file-upload asp.net-mvc-4 kendo-ui

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

小智 6

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

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

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

        var myUploadButton = $("#save");        
        var kendoUploadButton;
Run Code Online (Sandbox Code Playgroud)
        $("#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();
        });
Run Code Online (Sandbox Code Playgroud)

关于KendoUpload Trigger的剑道论坛帖子