How to Pass Image File and Some Data From Ajax to MVC Contro

Dr.Ajay Kashyap

9y22.1k.NET

How To pass Image File And Some Data From Using Ajax to Mvc Controller ..i am able to pass from data but image not pass.. What To Do Give Below IS my Code ..

This Is Html code :-

@Html.Label("First Name")

@Html.Label("Last Name")

@Html.Label("Email Id")

@Html.TextBox("EmailId", "", new { @class = "form-control", type = "email" })

@Html.Label("Profile Image")

This Is My Ajax :-

var myformdata = $("#myForm").serialize();

$.ajax({

type: "POST",

url: "/Business/UserRegistration",

data: myformdata,

success: function () {

$("#loaderDiv").hide();

$("#myModal2").modal("hide");

}

})

This Is My Controller :-

[HttpPost]

public ActionResult UserRegistration(RegistrationViewModel myformdata)

{

}

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ramesh Palanivel9y ago
Accepted answer
Hi Ajay,

Sorry a small mistake,,

formdata.append(filename, fileInput[0]);
0
Dr.Ajay Kashyap9y ago
Ramesh Palanivel Sir i have done with the help of this code
http://www.c-sharpcorner.com/UploadFile/manas1/upload-files-through-jquery-ajax-in-Asp-Net-mvc/

0
Dr.Ajay Kashyap9y ago
Ramesh Sir Still it is not working

getting error :-
formdata.append(filename, fileInput[0]);
0
Ramesh Palanivel9y ago
Hi Ajay,

Is it worked?
0
Dr.Ajay Kashyap9y ago
Ramesh Sir Getting Error In Ajax ...

In this Line :-
formdata.append(filename, fileInput.files[0]);
0
Ramesh Palanivel9y ago
Hi Ajay,

In your ajax add the following code,
Var myformdata = $("#myForm").serialize();
var fileInput = document.getElementById('ProfileImage');
                var filename = fileInput.files[0].name
formdata.append(filename, fileInput.files[0]);
$.ajax({
type: "POST",
url: "/Business/UserRegistration",
data: myformdata,
success: function () {
$("#loaderDiv").hide();
$("#myModal2").modal("hide");
}
})
In your Controller try this code,
[HttpPost]
public ActionResult UserRegistration(RegistrationViewModel myformdata)
{
HttpPostedFileBase file = Request.Files[0];
}
Hope!. It shoudl work!...
0

How to Pass Image File and Some Data From Ajax to MVC Contro

Ramesh Palanivel Sir i have done with the help of this code

http://www.c-sharpcorner.com/UploadFile/manas1/upload-files-through-jquery-ajax-in-Asp-Net-mvc/