Как сохранить изображение в папку проекта с помощью jQuery в ASP.NET?

Question

Я новичок в ASP.NET и буду благодарен, если кто-то сможет помочь. У меня есть входной файл в представлении:

<input type="file" name="Image" id ="filename" /> 
<input type="submit" value="Submit" id ="sub" /> 

Затем в сценарии я отправить это значение для моего действия в контроллере

$(function() { 
    $.post("Home/NewProject", {Image: $("#filename").val() }, function (data) {}); 
}); 

в действии контроллера я получить имя файла и переименовать его как один, который будет храниться в моей папке проекта ~/App_Data/uploads

[HttpPost] 
public ActionResult NewProject(Project model) 
{ 
    if (ModelState.IsValid) 
    { 
     bool ok = false; 
     ViewBag.Message = "Publish your project." ; 
     //var photo = WebImage.GetImageFromRequest(); 
     var fileName = model.Image; 

     // store the file inside ~/App_Data/uploads folder 
     var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName); 
     model.Image = path; 
    } 
} 

Но как я могу на самом деле сохранить этот файл в папку? Спасибо заранее!

Answer 1

Вы не можете загружать файлы, используя jQuery ajax. Если клиентский браузер поддерживает API файлов HTML5, вы можете достичь этого с помощью объекта XHR2, как показано в this article. Если нет, вы можете использовать некоторый плагин для загрузки файлов, такой как Fine Uploader, Uploadify или jquery.form plugin.

Вот пример с формой плагин JQuery:

@using (Html.BeginForm("someaction", "somecontroller", FormMethod.Post, new { id = "myForm", enctype = "multipart/form-data" })) 
{ 
    <input type="file" name="Image" id ="filename" /> 
    <input type="submit" value="Submit" id ="sub" />  
} 

, а затем:

$(function() { 
    $('#myForm').ajaxForm(function() { 
     alert('thanks for submitting'); 
    }); 
});