Загрузить файл с помощью jQuery и отправить его контроллеру

Question

Мне интересно, можно ли вообще загрузить файл, отправив его в действие контроллера в ASP.NET MVC. Диалог для этой формы загрузки будет динамически генерироваться и будет внутри диалогового окна jQuery в моем случае.

Я знаю входной файл элемент, но я не знаю, как отправить файл на действия контроллера, не знает, как установить параметр action

Answer 1

Ваши действия должны нравится:

[HttpPost] 
public ActionResult Upload(HttpPostedFileBase file) { 

    if (file.ContentLength > 0) { 
    var fileName = Path.GetFileName(file.FileName); 
    var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName); 
    file.SaveAs(path); 
    } 

    return RedirectToAction("Index"); 
} 

Взято из: http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx/

Затем с помощью JQuery диалоговое окно для загрузки файла:

$dialog.dialog("option", "buttons", { 
    "Save": function() { 
     var dlg = $(this); 
     var formData = new FormData($("#" + formName)[0]); 
     $.ajax({ 
      url: /Controller/upload, 
      type: 'POST', 
      data: formData, 
      processData: false, 
      contentType: false, 
      success: function (response, textStatus, xhr) { 
      ... 
       } 
      }, 
      error: function (xhr, status, error) { 
       .... 
      } 
     }); 
    }, 
    "Cancel": function() { 
     $(this).dialog("close"); 
     $(this).empty(); 
    } 

}); 

Answer 2

<form id="frmFile" method="post" enctype="multipart/form-data" action="<%=Url.Content("~/WriteSomeServerAction/")%>" > 

</form> 

// Помещает эту форму modal

и сделать заявку будет отправлен файл в действие. Там вы можете получить доступ к файлу, как в элементе модели, как UploadedFileData.

if (_File.UploadedFileData != null && _File.UploadedFileData.ContentLength > 0) 
       { 
        byte[] buffer = new byte[_File.UploadedFileData.ContentLength]; 
        _File.UploadedFileData.InputStream.Read(buffer, 0, buffer.Length); 
        _File.FileData = System.Text.Encoding.Default.GetString(buffer); 
        _File.UploadedFileData = null; 
       }