Kendo上传不起作用

时间:2014-04-08 06:42:15

标签: jquery vb.net kendo-ui kendo-upload

首先,我是Kendo Uploder的新手。 我的页面中有一个kendo Uploader。我不知道我做错了什么,因为它没有点击我的VB方法。

标记:

    <script id="fileTemplate" type="text/x-kendo-template">
                <span class='k-progress'></span>
                <div class='file-wrapper'>
                    <h4 class='file-heading file-name-heading'>Name: #=name#</h4>
                    <h4 class='file-heading file-size-heading'>Size: #=size# bytes</h4>
                    <button type='button' class='k-upload-action'></button>
                </div>
    </script>

    <script>
        $(document).ready(function () {
            $("#files").kendoUpload({
                multiple: true,
                async: {
                    saveUrl: "NewFolder.aspx/UploadSubSRFiles",
                    removeUrl: "Remove",
                    autoUpload: true
                },
                upload: onUpload,
                template: kendo.template($('#fileTemplate').html())
            });
            function onUpload(e) {

                var paramsEmailDocs = "{'strFiles':'" + e.files + "'}"
                Request.files
                $.ajax({
                    type: "POST",
                    url: "NewFolder.aspx/UploadSubSRFiles",
                    data: paramsEmailDocs ,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    async: false,
                    success: function (data) {

                    }
                })
            }
        });
    </script>

HTML:

<div id="example" class="k-content">
     <input type="file" name="files" id="files" />
</div>

VB方法:

    ''' <summary>
    ''' Method for getting the Template Service request Object
    ''' </summary>
    ''' <returns></returns>
    ''' <remarks></remarks>
    <WebMethod()> _
    Public Shared Function UploadSubSRFiles(ByVal strFiles As HttpPostedFileBase) As Boolean
        Try
            If lngUserID > 0 Then
                Return True
            Else
                Return Nothing
            End If
        Catch ex As Exception
            Debug.WriteLine("Error in UploadSubSRFiles method of Folder page: " + ex.Message)
            Return Nothing
        End Try
    End Function

问题:在我拖动文件的前端。文件描述根据模板正确显示。但VB方法永远不会被击中。我是新手,所以可能是我的VB或脚本代码是错误的。请指导我。

任何帮助都将受到高度赞赏。

2 个答案:

答案 0 :(得分:0)

您无法使用$ .ajax上传文件。基本上您不需要设置上传事件处理程序。只需设置async.saveUrl即可。这是一个现场演示http://demos.telerik.com/kendo-ui/web/upload/async.html

答案 1 :(得分:0)

您不能将参数传递给使用 .aspx 或 .asmx 方法处理文件上传的方法。 您必须做的是创建一个上传处理程序。

JS代码:

  $("#files").kendoUpload({
            multiple: false,
            async: {
                saveUrl: '/UploadHandler.ashx'
            },
            upload: function (request) {
                // custom parameters
                request.data = { companyId: _companyId };
            }
        });

C# (VB)

<%@ WebHandler Language="C#" Class="UploadHandler" %>

using System;
using System.Web;

public class UploadHandler : IHttpHandler {

    public void ProcessRequest (HttpContext context)
    {
        var file = context.Request.Files[0];
        var companyId = context.Request.Form["companyId"];
        context.Response.ContentType = "text/plain";
        context.Response.Write("Hello World");
    }

    public bool IsReusable {
        get {
            return false;
        }
    }    
}

如果您不需要传递自定义参数,只需从 Context.Request.Files 从 .asmx、.aspx 页面 Web 方法中获取文件。