jquery - 带有额外参数的Webapi ajax formdata上传

Question

我正在使用 jQuery ajax 上传文件，但想在 webapi 方法上添加一些参数，这里是：

var data = new FormData();
data.append("file", $("#file")[0].files[0]);
data.append("myParameter", "test"); // with this param i get 404

$.ajax({
    url: '/api/my/upload/',
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function (data) {
        console.log(data);
    }
});

Webapi 控制器：

public class MyController : ApiController
{
    public string Upload(string myParameter)
    {
        return System.Web.HttpContext.Current.Request.Files.Count.ToString() + " / " + myParameter;
    }
}

没有 myParameter 一切正常，但是当我在 formdata 和 api 方法中包含 myParameter 时，我得到 404，有没有机会让它工作？

Answer 1

发布FormData对象会产生内容类型为 multipart/form-data 的请求。您必须像这样阅读请求内容：

[HttpPost]
public async Task<string> Upload()
{
    var provider = new MultipartFormDataStreamProvider("C:\\Somefolder");
    await Request.Content.ReadAsMultipartAsync(provider);

    var myParameter = provider.FormData.GetValues("myParameter").FirstOrDefault();
    var count = provider.FileData.Count;

    return count + " / " + myParameter;
}

顺便说一句，这会将文件保存在指定的路径中，C:\\SomeFolder您可以使用获取本地文件名provider.FileData[0].LocalFileName;

请查看MSDN 代码示例和Henrik 的博客条目。