Question

我一直在使用webforms上的handler（.ashx）通过ajax进行文件上传，在检索处理程序上的文件数据时遇到了一些麻烦

下面是我的JavaScript代码

 $('#myImageButton').change(function (e) {

    debugger;

    var filename = $(this).val();
    var lastIndex = filename.lastIndexOf("\\");
    if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
    }

    var fileUpload = $("#myImageButton").get(0);
    var files = fileUpload.files;

    var data = new FormData();
    for (var i = 0; i < files.length; i++) {
        data.append(files[i].name, files[i]);
    }

    $.ajax({
        type: 'POST',
        url: 'FileUploadHandler.ashx',
        contentType: false,
        processData: false,
        data: "{ 'context': '" + data + "', 'flag': 'some_flag_here' }",
        success: function (msg) {
            alert(msg);
            $('#tbImagePath2').val(filename);
        },
        error: function (xhr, status, error) {
            debugger;
            var err = eval("(" + xhr.responseText + ")");
            alert(err.Message);
        }
    });
});

我已经检查了我的JavaScript代码，这些代码都没有错误。文件数据已填充，没有任何错误

问题是当它在处理程序（我的ashx文件）中调用该方法时，它在方法开始处碰到了断点，这是处理程序方法

public void ProcessRequest(HttpContext context)
    {
        if (context.Request.Files.Count > 0)
        {
            HttpFileCollection files = context.Request.Files;
            string flag = context.Request["flag"].ToString();
            string fname = String.Empty;

            for (int i = 0; i < files.Count; i++)
            {
                HttpPostedFile file = files[i];
                fname = context.Server.MapPath("~/Images/" + file.FileName);
                file.SaveAs(fname);

                switch (flag)
                {
                    //some stuff here
                }
            }
        }
        //context.Response.ContentType = "text/plain";
        //context.Response.Write("File(s) Uploaded Successfully!");
    }

问题是上传的文件没有记录在上下文请求中，就像文件本身没有发送到处理程序进行处理（计数始终为零）

在ajax上声明的标志也未记录在上下文请求中

那么，如何在请求中读取图像/文件和标志？

致谢

平庸的家伙

Answer 1

在ajax post配置中设置“数据”选项的方式似乎很奇怪。另外，也尝试将您的“标志”添加到表单数据中。

尝试一下：

  //...after adding your file(s)
  data.append('flag','some_flag_here');

  $.ajax({
    url  : 'FileUploadHandler.ashx',
    type : 'POST',
    data : data,
    contentType : false,
    processData : false,
    //...etc
  });

另一个人遇到了同样的问题，可以see his solution here。

Ajax文件上传处理程序始终根据要求为零

1 个答案: