Webapi ajax formdata upload с дополнительными параметрами

Я использую 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 все работает, но когда я включаю myParameter в formdata и api-метод, я получаю 404, любой шанс заставить его работать?

Ответ 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;
}

BTW, это сохранит файл в указанном пути, который равен C:\\SomeFolder, и вы можете получить имя локального файла, используя provider.FileData[0].LocalFileName;

Пожалуйста, посмотрите образец кода MSDN и запись в блоге Henrik.