File upload in C# with ASP.NET MVC without razor

Question

I am trying to submit a form containing a file upload using c# ASP MVC with Entity. My problem is that the file is always null.

The view :

@model Com.Work.With.Me.Models.ObjVM
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
<form id="formObj" action="AddMe">
    <input type="file" id="objPdfFile" name="Obj.PdfFile" />
    </select>
    <input type="text" id="objName" name="Obj.Name" />
</form>

The viewmodel :

public class ObjVM
{
    public string Name{ get; set; }
    public HttpPostedFileBase PdfFile{ get; set; }
    public ObjVM()
    {
    }
}

The controller :

public ActionResult AddMe(ObjVM obj)
{
    //her obj.Name is fine
    //but obj.PdfFile is null
    return View();
}

Any ideas?

Have you set the enctype in the header to multipart/form-data and encoded the content in that manner? (stackoverflow.com/a/4526286/1838819). This also needs to be a HTTP POST both on the client side and the action needs to be marked with [HttpPost] — DiskJunky
– DiskJunky, Commented Oct 9, 2017 at 15:36
Why did you say "without Razor" in your title? You are clearly using Razor. — mason
– mason, Commented Oct 9, 2017 at 16:57

jBravo · Accepted Answer · 2017-10-10 06:54:28Z

1

Thanks to @DiskJunky, I corrected my form adding method="post" enctype="multipart/form-data":

<form id="formObj" action="AddMe" method="post" enctype="multipart/form-data">
    <input type="file" id="objPdfFile" name="Obj.PdfFile" />
    </select>
    <input type="text" id="objName" name="Obj.Name" />
</form>

And my controller adding [HttpPost] :

[HttpPost] 
public ActionResult AddMe(ObjVM obj)
{
    //obj.PdfFile is not null anymore !
    return View();
}

edited Oct 10, 2017 at 6:54

answered Oct 9, 2017 at 15:54

jBravo

8931 gold badge10 silver badges31 bronze badges

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

4 Comments

user3559349 Over a year ago

But remove the pointless value="@Model.PdfFile" - you cannot set the value of a file input (the only way it can be set is by the user selecting a file in the browser). And it can be just name="PdfFile" (and name="Name" for the textbox)

user3559349 Over a year ago

And you are using razor anyway (what do you think the @ is). So why not do it properly and strongly bind to your model using the HtmlHelper methods.

jBravo Over a year ago

@StephenMuecke Yes, you're right. It's just that the syntax of razor's form bears its name. It is such a pain! I prefer to avoid it as much as possible.

user3559349 Over a year ago

Why would you not want all the built in features such as strongly typed 2-way model binding, client side validation etc. To not use the HtmlHelper methods is just crazy

Kasunjith Bimal · Accepted Answer · 2017-10-09 15:43:36Z

0

Add Your Ui to this Code `enctype = "multipart/form-data"` Code

@using (Html.BeginForm("Action Name", "Control Name", null, FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
    <input type="file" id="objPdfFile" value="@Model.PdfFile" name="Obj.PdfFile" />
        </select>
        <input type="text" id="objName" value="@Model.Name" name="Obj.Name" />
    }

answered Oct 9, 2017 at 15:43

Kasunjith Bimal

1881 silver badge13 bronze badges

Collectives™ on Stack Overflow

File upload in C# with ASP.NET MVC without razor

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related