使用Kendo UI上传文件

Question

我必须在grails应用程序中使用Kendo ui添加上传文件功能。我也必须知道如何更改上传位置。

thnks

Answer 1

以下是我们提出的动态更改Kendo UI Upload小部件上的saveUrl的解决方案。

控制器代码：

public class MediaController : ApiControllerBase
{
    public Task<HttpResponseMessage> Post()
    {
        var queryVals = Request.RequestUri.ParseQueryString();
        string idValue = queryVals["id"].ToString();

        ... CODE REMOVE FOR BREVITY
    }
}

脚本代码：

<div style="width:45%">
            <input class="upload" name="files" id="files" type="file" upload-id="02ebeebf-98aa-459b-b41f-49028fa37e9c" />
           <input class="upload" name="files2" id="file1" type="file" upload-id="499499D3-1C80-4930-8C8D-C87F17884D3F" />
        </div>

        <script>
            $(document).ready(function () {
                $(".upload").kendoUpload({
                    async: {
                        saveUrl: "/API/Media",
                        autoUpload: true
                    },
                    upload: function onUpload(e) {
                        var uploadId = e.sender.wrapper.prevObject.attr("upload-id");
                        e.sender.options.async.saveUrl = "/api/media?id=" + uploadId;
                    },
                });
            });


        </script>

Answer 2

在此处查看KendoUI上传配置文档：http://www.kendoui.com/documentation/ui-widgets/upload/configuration.aspx

async对象上的saveUrl选项允许您轻松设置提交文件的处理程序。

Answer 3

您可以只更改saveUrl属性。代码应如下所示：

this.documentUpload.options.async.saveUrl = '/newUrlStr';