jquery - array - Webapi ajax formdata carga con parámetros adicionales

formdata w3schools

Question

Estoy usando jQuery ajax para cargar archivos pero quiero agregar algunos parámetros en el método webapi, aquí está:

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);
}
});

El controlador Webapi:

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

Sin myParameter, todo funciona, pero cuando incluyo myParameter en formdata y en el método api, obtengo 404, ¿hay alguna posibilidad de que funcione?

Answer 1

La publicación del objeto FormData da como resultado una solicitud con tipo de contenido multipart / form-data. Tienes que leer el contenido de la solicitud así:

[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;
}

Por cierto, esto guardará el archivo en la ruta especificada, que es C://SomeFolder y puede obtener el nombre de archivo local utilizando provider.FileData[0].LocalFileName;

Mire la muestra del código de MSDN y la entrada del blog de Henrik .