How to send formData to api controller via jquery ajax

Question

I Want to send formData to api controller via jquery ajax. This is My code in view:

$("#btnReject").click(function() {
  UploadData = new FormData();
  UploadData.append('UserName',$("#txtUserName").val());
  // HTML file input, chosen by user
  UploadData.append("userfile", fileInputElement.files[0]);
  $.ajax({
     url: 'Api/DynamicForm/Reject',
     dataType: "json",
     type: "post,
     contentType: false,
     processData: false,
     data: UploadData
  });
}

and my controller code:

public class DynamicFormController : ApiController
{
    [System.Web.Http.HttpPost]
    public IHttpActionResult Reject (DynamicFormDto model)
    {
       //some code
        return Json(new isValid = true});
    }
}

In DynamicFormDto:

Public class DynamicFormDto
{
   public string UserName {get; set;}
   public string Model {get; set;}
}

I encountered with this error in client side: 415 : Unsupported Media Type

when I remove "contentType: false" error fixed but in action "model" is null.

What should I do?

The ModelBinder has issues with binding multipart requests to complex types (in that it doesn't work). See the duplicate I marked for more information. Also note that you could instead write your own custom model binder instead, see this answr for how to achieve that — Rory McCrossan
– Rory McCrossan, Commented Apr 4, 2018 at 8:20
@RoryMcCrossan, Did you pick the wrong dupe target? (that has nothing to do with OP's question - they are already using FormData) — user3559349
– user3559349, Commented Apr 4, 2018 at 9:22

Min · Accepted Answer · 2019-03-19 06:48:44Z

0

 public class DynamicFormController : ApiController
{
    [System.Web.Http.HttpPost]
    public IHttpActionResult Reject ()
    {

      var name = HttpContext.Current.Request["UserName"];
      var httpPostedFile = HttpContext.Current.Request.Files["userfile"];
    //some code

        return Json(new isValid = true});
    }
}

answered Mar 19, 2019 at 6:48

Min

1

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

1 Comment

vahdet Over a year ago

A bit of explanation would be awesome.

Collectives™ on Stack Overflow

How to send formData to api controller via jquery ajax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related