Upload multiple files with single input Asp Mvc

Question

I want to upload multiple files including Word Documents, Pdf and Images. I need to use a single input for files because we don't know how many files will be uploaded.

My code is this but I have problem that I can't send files to server side.

Controller Code :

public ActionResult Create([Bind(Include = "Id,Content")] Message message, IEnumerable<HttpPostedFileBase> files)
{
     if (ModelState.IsValid)
     {
         // Object save logic
         SaveFiles(message,files);
         return RedirectToAction("Index");
     }
     return View(message);
}

Part of view code :

<form name="registration"  action="">
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            <label for="Content" >Content:</label>
            <textarea class="form-control compose_content" rows="5" id="Content" name="content"></textarea>

            <div class="fileupload">
                      Attachment :  

                    <input id="files" name="files" type="file" multiple />
            </div>
        </div>
    <button type="submit" class="btn btn-default compose_btn" >Send Message</button>
</form>

I don't have problem with saving files and saving the object. only problem : files list is null.

Show your <form> element

user3559349
– user3559349

2017-03-18 07:18:56 +00:00
Commented Mar 18, 2017 at 7:18 — user3559349
– user3559349, Commented Mar 18, 2017 at 7:18
I added that in question.

Reza Shahrestani
– Reza Shahrestani

2017-03-18 07:26:48 +00:00
Commented Mar 18, 2017 at 7:26 — Reza Shahrestani
– Reza Shahrestani, Commented Mar 18, 2017 at 7:26

user3559349 · Accepted Answer · 2017-03-18 07:33:58Z

3

I order to upload files, your form needs to include the enctype= multipart/form-data attribute.

<form name="registration"  action="" enctype= "multipart/form-data">

or better

@using (Html.BeginForm(actionName, controllerName, FormMethod.Post, new { enctype= "multipart/form-data" }))

and I strongly recommend you pass a model to the view and use the strongly typed HtmlHelper methods to create your html for the properties of your model.

answered Mar 18, 2017 at 7:33

user3559349

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Upload multiple files with single input Asp Mvc

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related