MVC 3 file upload and model binding

Question

I have a form upload that works but I would like to pass model information for my database to save the file with a different name of course   Here is my Razor view    model CertispecWeb Models Container       ViewBag Title    AddDocuments       lt h2 gt AddDocuments lt  h2 gt    Model ContainerNo   using  Html BeginForm  Uploadfile    Containers   FormMethod Post               new   enctype    multipart form-data             lt input type  file  name  file  id  file    gt       lt input type  submit  value  submit    gt      Here is my Controller    HttpPost  public ActionResult Uploadfile Container containers  HttpPostedFileBase file         if  file ContentLength  gt  0                 var fileName   Path GetFileName file FileName           var path   Path Combine Server MapPath    App Data Uploads                           containers ContainerNo           file SaveAs path                return RedirectToAction  Index        The model information is not passed through to the controller  I have read that I might need to update the model  how would I do this

User · Answer

1st download jquery form js file from below url   http   plugins jquery com form   Write below code in cshtml    using  Html BeginForm  Upload    Home   FormMethod Post  new   enctype    multipart form-data   id    frmTemplateUpload             lt div id  uploadTemplate  gt            lt input type  text  value  Asif  id  txtname  name  txtName    gt             lt div id  dvAddTemplate  gt              Add Template              lt br   gt               lt input type  file  name  file  id  file  tabindex  2    gt               lt br   gt               lt input type  submit  value  Submit    gt               lt input type  button  id  btnAttachFileCancel  tabindex  3  value  Cancel    gt           lt  div gt            lt div id  TemplateTree  style  overflow-x  auto   gt  lt  div gt       lt  div gt        lt div id  progressBarDiv  style  display  none   gt           lt img id  loading-image  src    Images progress-loader gif    gt       lt  div gt        lt script type  text javascript  gt         document  ready function              debugger          alert  sample            var status       status                frmTemplateUpload   ajaxForm               beforeSend  function                      if      file   val                                      uploadTemplate   hide                            btnAction   hide                            progressBarDiv   show                          progress run id   setInterval progress  300                                     status empty                               success  function                      showTemplateManager                               complete  function  xhr                    if      file   val                                var millisecondsToWait   500                      setTimeout function                                clearInterval progress run id                               uploadTemplate   show                                btnAction   show                                progressBarDiv   hide                           millisecondsToWait                                     status html xhr responseText                                         lt  script gt    Action method  -    public ActionResult Index                         ViewBag Message    Modify this template to jump-start your ASP NET MVC application                 return View                public void Upload HttpPostedFileBase file  string txtname                          try                               string attachmentFilePath   file FileName                  string fileName   attachmentFilePath Substring attachmentFilePath LastIndexOf         1                             catch  Exception ex

User · Answer

For multiple files  note the newer  multiple  attribute for input   Form    using  Html BeginForm  FileImport   Import  FormMethod Post  new  enctype    multipart form-data            lt label for  files  gt Filename  lt  label gt       lt input type  file  name  files  multiple  true  id  files    gt       lt input type  submit     gt      Controller    HttpPost  public ActionResult FileImport IEnumerable lt HttpPostedFileBase gt  files        return View

User · Answer

If you won t always have images posting to your action  you can do something like this    HttpPost  public ActionResult Uploadfile Container container  HttpPostedFileBase file           do container stuff      if  Request Files    null                foreach  string requestFile in Request Files                        HttpPostedFileBase file   Request Files requestFile                if  file ContentLength  gt  0                                string fileName   Path GetFileName file FileName                   string directory   Server MapPath    App Data uploads                     if   Directory Exists directory                                         Directory CreateDirectory directory                                     string path   Path Combine directory  fileName                   file SaveAs path

User · Answer

Solved  Model  public class Book   public string Title  get set   public string Author  get set       Controller  public class BookController   Controller         HttpPost       public ActionResult Create Book model  IEnumerable lt HttpPostedFileBase gt  fileUpload                  throw new NotImplementedException               And View   using  Html BeginForm  Create    Book   FormMethod Post  new   enctype    multipart form-data                    Html EditorFor m   gt  m         lt input type  file  name  fileUpload 0     gt  lt br   gt              lt input type  file  name  fileUpload 1     gt  lt br   gt              lt input type  file  name  fileUpload 2     gt  lt br   gt               lt input type  submit  name  Submit  id  SubmitMultiply  value  Upload    gt      Note title of parameter from controller action must match with name of input elements IEnumerable lt HttpPostedFileBase gt  fileUpload -  name  fileUpload 0    fileUpload must match

User · Answer

Your form doesn t contain any input tag other than the file so in your controller action you cannot expect to get anything else than the uploaded file  that s all that s being sent to the server   One way to achieve this would be to include a hidden tag containing the id of the model which will allow you to retrieve it from your datastore inside the controller action you are posting to  use this if the user is not supposed to modify the model but simply attach a file     using  Html BeginForm  Uploadfile    Containers   FormMethod Post  new   enctype    multipart form-data             Html HiddenFor x   gt  x Id       lt input type  file  name  file  id  file    gt       lt input type  submit  value  submit    gt      and then in your controller action    HttpPost  public ActionResult Uploadfile int id  HttpPostedFileBase file        Containers containers   Repository GetContainers id               On the other hand if you wanted to allow the user to modify this model then you will need to include the proper input fields for each field of your model that you want to be sent to the server    using  Html BeginForm  Uploadfile    Containers   FormMethod Post  new   enctype    multipart form-data             Html TextBoxFor x   gt  x Prop1       Html TextBoxFor x   gt  x Prop2       Html TextBoxFor x   gt  x Prop3       lt input type  file  name  file  id  file    gt       lt input type  submit  value  submit    gt      and then you will have the default model binder reconstruct this model from the request    HttpPost  public ActionResult Uploadfile Container containers  HttpPostedFileBase file

[asp.net-mvc] MVC 3 file upload and model binding

Examples related to asp.net-mvc

Examples related to asp.net-mvc-3

Examples related to razor