File Upload Controls using Razor in ASP.NET MVC3

Question

Is there a way to define the file upload controls using a Razor helper in ASP.NET MVC3?

Bala R · Accepted Answer · 2011-02-26 05:10:17Z

27

There isn't an html helper for file inputs, but what is wrong with just doing

@using (Html.BeginForm("Action", "Controller", FormMethod.Post, new {enctype = "multipart/form-data"})) {
    <input type='file' name='blah' id='blah' />
}

edited Feb 26, 2011 at 5:10

Bala R

109k23 gold badges203 silver badges212 bronze badges

answered Jan 13, 2011 at 15:31

Jimmy

9,82514 gold badges62 silver badges81 bronze badges

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

3 Comments

Matthijs Wessels Over a year ago

No client side validation out of the box.

Jimmy Over a year ago

Beats nothing out of the box

PAVITRA Over a year ago

<input type='file' name='FilePath' id='FilePath' /> FilePath is given as the model property name,So you can use it like any other control.

Don · Accepted Answer · 2011-02-20 22:06:27Z

4

There is a FileUpload class in Microsoft.Web.Helpers... http://msdn.microsoft.com/en-us/library/microsoft.web.helpers.fileupload(v=vs.99).aspx

The best/only way I've found to get it is by using NuGet in VisualStudio. Search for package "microsoft-web-helpers" in the online repository. There is one problem I encountered, however. One of the package's dependencies is Facebook.Helper, which it will install at the same time. It will place a file called "Facebook???.cshtml" (forgot the exact name) in your project's AppCode directory. The problem is that the Facebook???.cshtml had some WebMatrix dependencies that I didn't have and didn't want to install. Simply deleting the Facebook.cshtml file (which I wasn't going to use, anyway) seemed to resolve the issue. After that, I was able to compile and debug as usual and use the FileUpload class.

Here's a tutorial I found that utilizes it:

http://blog.tallan.com/2011/02/04/using-mvc3-razor-helpers-and-jcrop-to-upload-and-crop-images/

edited Feb 20, 2011 at 22:06

answered Feb 20, 2011 at 21:51

Don

5316 silver badges13 bronze badges

2 Comments

Pauk Over a year ago

That tutorial is OK, but it doesn't explain clearly what code goes where. I'd suggest this one instead since it's just about file uploading (not resizing images as well): blogs.planetcloud.co.uk/mygreatdiscovery/post/…

jpaugh Over a year ago

Pauk's link gave way to bitrot. Here's a Wayback link

jarimos · Accepted Answer · 2013-06-16 21:45:35Z

0

USING RAZOR

@*requieres installing Asp helpers / you can do it her from NuGet or logging som admin in packages*@
@using Microsoft.Web.Helpers;
@{
    var fileName = "";
    if (IsPost) {
        var fileSavePath = "";
        var uploadedFile = Request.Files[0];
        fileName = Path.GetFileName(uploadedFile.FileName);
        fileSavePath = Server.MapPath("~/UploadedFiles/" +
          fileName);
        uploadedFile.SaveAs(fileSavePath);
    }
}

      @FileUpload.GetHtml(
        initialNumberOfFiles:1,
        allowMoreFilesToBeAdded:false, 
        includeFormTag:false,
        name: "Upload1",
        uploadText:"Upload")

    @if (IsPost) {
        <span>File uploaded!</span><br/>
    }

answered Jun 16, 2013 at 21:45

jarimos

13 bronze badges

1 Comment

Phillip Copley Over a year ago

None of this IsPost login should be in the view, it all belongs in the controller, ideally split between two methods, one of which having the [HttpPost] decorator.

Collectives™ on Stack Overflow

File Upload Controls using Razor in ASP.NET MVC3

3 Answers 3

3 Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related