upload image from view to controller mvc

Question

Good day,

I am trying to upload an image from my view

@using (Html.BeginForm("CrearCurso", "ProfesorCurso", null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{
   <div class="form-group">
    <label>Upload Image</label>
    <div class="input-group">
        <span class="input-group-btn">
            <span class="btn btn-default btn-file">
                Browse… <input type="file" id="imgInp">
            </span>
        </span>
        <input type="text" class="form-control" readonly>
    </div>
    <img id='img-upload'/>
</div>
}

I have this controller in mvc

  [HttpPost]
    public ActionResult CrearCurso(CursoViewModel CursoViewModel, HttpPostedFileBase imgInp)
    {

        return View();
    }

However when I inspect the HttpPsotedFileBase, it is empty. What is wrong here? thanks

user3559349 · Accepted Answer · 2018-04-21 03:16:42Z

2

Forms posts back the name/value pairs of its successful form controls. Your file input has no name attribute. Change it to

<input type="file" name="imgInp">

However, its better to strongly bind to your model, so add a

public HttpPostedFileBase ImgInp { get; set; }

property to your view model and use

@Html.TextBoxFor(m => m.ImgInp, new { type = "file" })

which will also allow you to add validation attributes to your file input if required

answered Apr 21, 2018 at 3:16

user3559349

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

3 Comments

ev vk Over a year ago

thank you very much, for simplicity I did not add it to a viewmodel

user3559349 Over a year ago

Why would you think that is simpler?

ev vk Over a year ago

simpler for this example maybe

Collectives™ on Stack Overflow

upload image from view to controller mvc

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related