WebAPI ajax Formulardaten mit zusätzlichen Parametern laden

Question

ich jQuery Ajax bin mit Datei hochladen wollen aber einige Parameter auf WebAPI Methode hinzuzufügen, hier ist:

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

Die WebAPI Controller:

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

Ohne myParameter funktioniert alles, aber wenn ich myParameter in formdata und api einfüge, bekomme ich 404, jede Chance, es zum Laufen zu bringen?

Answer 1

Durch die Veröffentlichung des FormData Objekts wird eine Anforderung mit dem Inhaltstyp multipart/form-data generiert. Sie haben den Anforderungs-Inhalt wie so zu lesen:

[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, dies wird die Datei in dem Pfad speichern angegeben, die C:\\SomeFolder ist und Sie können die lokalen Dateinamen provider.FileData[0].LocalFileName;

Bitte nehmen Sie sich einen Blick mit bekommen bei MSDN code sample und Henrik's blog entry.