问题:

I have a ViewModel containing some string and HttpPostedFileBase properties . When i am posting the model to the controller using below ajax call,

 $.ajax({                 url: '@Url.Action("_AddFeedback", "Mcq")',                 type: 'post',                  data: $('form#frm-feedback').serialize(),               //  data: formData,                  success: function (data) {                     alert("done");                 },                 error: function (data) {                     alert("Error occured while saving Option's data.");                 }             });

I am getting value for string but null for HttpPostedFileBase type properties. How can we post HttpPostedFileBase file using ajax ??

回答1:

Unfortunately, you cannot send files with AJAX, when serializing the form, but luckily there is another way, if you don't mind using HTML5. A short example, as per this answer:

Markup:

<form id="upload-form" enctype="multipart/form-data">     <input name="file" type="file" />     <input type="button" id="submit" value="Upload" /> </form>

Javascript:

$('#submit').click(function (e) {     e.preventDefault();     var formData = new FormData($('#upload-form')[0]);     $.ajax({         url: '@Url.Action("_AddFeedback", "Mcq")',         type: 'POST',         data: formData,         cache: false,         contentType: false,         processData: false     }); });

As stated, this is an HTML5 approach, which means it won't necessarily work in every browser. If this is a problem, see the thread I've linked to for other approaches to this problem.

转载请标明出处:Post modelcontaining HttpPostedFileBase file along with some parameters using form.serialize() in mvc4

文章来源: Post modelcontaining HttpPostedFileBase file along with some parameters using form.serialize() in mvc4

标签

post

ajax

data

formdata