Ajax.BeginForm send parameters to controller

Question

I have following Ajax.BeginForm on viewpage

using (Ajax.BeginForm("Financing_Product_Feature_Upload", "FileUpload", new { productid = @ViewBag.Product_ID }, new AjaxOptions() { HttpMethod = "POST" }, new { enctype = "multipart/form-data"}))
{
    @Html.AntiForgeryToken()
    <input type="file" name="files">   <input type="submit" value="Upload File to Server">
}

then I have following controller method in FileUpload controller class

[HttpPost]
public ActionResult Financing_Product_Feature_Upload(HttpPostedFileBase file, string productid)
{

but once I click above submit button its not directing to Financing_Product_Feature_Upload controller method

tried to rename the parameter HttpPostedFileBase file to HttpPostedFileBase files? in this way it matches the name of the input tag — Massimo Franciosa
– Massimo Franciosa, Commented Mar 24, 2016 at 11:34
Side note: You cannot upload files using Ajax.BeginForm() so your controller will never receive any files even if you do correct the typos. — user3559349
– user3559349, Commented Mar 24, 2016 at 21:12

sam · Accepted Answer · 2016-03-24 13:38:05Z

3

MVC serialization works on name attributes. Name of the form control needs to match with MVC controller action parameters. In your case, I guess, you should be getting an error in browser console when you hit "Submit" button saying "there is no matching action found on contoller FileUpload" or something which gives that meaning.

@using (Ajax.BeginForm("Financing_Product_Feature_Upload", "FileUpload", new { productid = @ViewBag.Product_ID }, new AjaxOptions() { HttpMethod = "POST" }, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    <input type="file" name="files">   <input type="submit" value="Upload File to Server">
}

public class FileUploadController : Controller
{
    [HttpPost]
    public ActionResult Financing_Product_Feature_Upload(HttpPostedFileBase  files, string productid)
    { 
        // Action code goes here
    }
}

edited Mar 24, 2016 at 13:38

answered Mar 24, 2016 at 13:34

sam

1,9951 gold badge11 silver badges16 bronze badges

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

Comments

Jatin Bhole · Accepted Answer · 2016-03-24 13:27:48Z

2

try add @ in enctype

using (Ajax.BeginForm("Financing_Product_Feature_Upload", "FileUpload", new { productid = @ViewBag.Product_ID }, new AjaxOptions() { HttpMethod = "POST" }, new { @enctype = "multipart/form-data"}))
                        {
                            @Html.AntiForgeryToken()
                            <input type="file" name="file">   <input type="submit" value="Upload File to Server">
                        }

edited Mar 24, 2016 at 13:27

answered Mar 24, 2016 at 12:59

Jatin Bhole

1867 bronze badges

Comments

TotPeRo · Accepted Answer · 2016-03-24 13:09:02Z

0

Add @ before using:

@using (Ajax.BeginForm("Financing_Product_Feature_Upload", "FileUpload", new { productid = ViewBag.Product_ID }, new AjaxOptions() { HttpMethod = "POST" }, new { enctype = "multipart/form-data"}))
                        {
                            @Html.AntiForgeryToken()
                            <input type="file" name="files">   <input type="submit" value="Upload File to Server">
                        }

And rename the HttpPostedFileBase file to files because this is your file input name.

edited Mar 24, 2016 at 13:09

answered Mar 24, 2016 at 13:02

TotPeRo

6,8314 gold badges52 silver badges66 bronze badges

2 Comments

kez Over a year ago

once I added @ front of using

Unexpected "using" keyword after "@" character.  Once inside code, you do not need to prefix constructs like "using" with "@".

TotPeRo Over a year ago

@kez you have this using inside other code block and there you use @. Ex: @if(cond){ using(your).... and this is the reason of your exception and then you don't need @ before using.

Collectives™ on Stack Overflow

Ajax.BeginForm send parameters to controller

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related