asp.net mvc with jquery ajax cal HttpPostedFileBase file getting null value

Question

**Jquery Ajax call sending data to controller**

$("#btncareerssubmimt").click(function () {
        var Name = $("#txtname").val();
 var file = $("#fileresume").val();
 $.ajax({
                type: "POST",
                url: '/Footer/sendmail',              
                data: { Name: Name ,file: file },
                success: function () {

                    $("#simplecareers").html('<p style="color:#74ac12;margin-left:19%;">Your Request Submitted Successfully</p>');
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                    $("#simple-msg").html('<pre>"fail"</pre>');

                }
            });
}

in aboveo ajax cal iam getting name and file path correctly but when we pass to controller getting name only but file path getting null My Html view

 <input type="text" name="txtname" id="txtname" class="form-control" value=""/>
input type="file" name="file" id="fileresume"  value=""/>
 <input type="submit" value="Upload" id="btncareerssubmimt" class="submit" />


This is my controller

  [HttpPost]
        public ActionResult sendmail(string Name ,HttpPostedFileBase fileresume)
        {
}

Check this stackoverflow.com/questions/166221/…

Davor Zlotrg
– Davor Zlotrg

2014-01-11 17:32:38 +00:00
Commented Jan 11, 2014 at 17:32 — Davor Zlotrg
– Davor Zlotrg, Commented Jan 11, 2014 at 17:32

Roman Izosimov · Accepted Answer · 2014-01-11 17:25:45Z

2

Change your html to:

<form id="formToSendEmail" action="/Footer/sendmail">
   <input type="text" name="Name" id="txtname" class="form-control" value=""/>
   <input type="file" name="fileresume" id="fileresume"  value=""/>
   <input type="button" value="Upload" id="btncareerssubmimt" />
</form>

And js:

$("#btncareerssubmimt").click(function () {
   $("#formToSendEmail").ajaxSubmit({
               type: "POST",
               success: function () {
                   $("#simplecareers").html('<p style="color:#74ac12;margin-left:19%;">Your Request Submitted Successfully</p>');
               },
               error: function (XMLHttpRequest, textStatus, errorThrown) {
                   $("#simple-msg").html('<pre>"fail"</pre>');
               }
           });
}

.ajaxSubmit() is method from jQuery Form Plugin which helps manage form submit process - jQuery Form Plugin.

edited Jan 11, 2014 at 17:25

answered Jan 11, 2014 at 8:14

Roman Izosimov

2121 silver badge9 bronze badges

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

6 Comments

user2377806 Over a year ago

Thanks for your replay i tried .ajaxSubmit() and <input type="file" name="fileresume" id="fileresume" value=""/> but there is no use when ever i put .ajaxSubmit() iam getting Uncaught TypeError: Object function (e,t){return new x.fn.init(e,t,r)} has no method 'ajaxSubmit' this error

Roman Izosimov Over a year ago

I edited my answer and now is more completed and more understandable.

user2377806 Over a year ago

i followed your code -when i click on upload button iam getting Uncaught TypeError: Object [object Object] has no method 'ajaxSubmit' in firebug

Roman Izosimov Over a year ago

Sorry i was shure that .ajaxSubmit() is part of jQuery, but is part of jQuery Form Plugin - which simplifies submit forms.

user2377806 Over a year ago

is there any code regarding sending a attachment file to controller can you help me using only ajax call with out using forms

|

Collectives™ on Stack Overflow

asp.net mvc with jquery ajax cal HttpPostedFileBase file getting null value

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related