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

我正在使用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,有没有机会让它工作?

发布FormData对象会产生内容类型为multipart / form-data的请求。 您必须阅读请求内容,如下所示:

 [HttpPost] public async Task 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;获取本地文件名provider.FileData[0].LocalFileName;

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