WebAPI ajax formdata tải lên với các thông số phụ

Question

Tôi đang sử dụng jQuery ajax để tải lên tập tin nhưng muốn thêm một số thông số về phương pháp WebAPI, đây là:

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

Bộ điều khiển WebAPI:

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

Nếu không có myParameter tất cả mọi thứ làm việc nhưng khi tôi bao gồm myParameter trên formdata và phương pháp api tôi nhận được 404, bất kỳ cơ hội để làm cho nó hoạt động?

Answer 1

Đăng kết quả đối tượng FormData trong yêu cầu với nhiều loại nội dung/biểu mẫu-dữ liệu. Bạn cần phải đọc nội dung yêu cầu như vậy:

[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, điều này sẽ lưu các tập tin trong đường dẫn chỉ định, đó là C:\\SomeFolder và bạn có thể lấy tên tập tin địa phương sử dụng provider.FileData[0].LocalFileName;

Xin hãy xem tại MSDN code sample và Henrik's blog entry.