Unsupported Media Type Error [FormBody] ASP.NET Core 3.1 JSON

Question

I am using ASP.NET Core 3.1 MVC, When ever I am sending data to my HTTP Post method api, I am facing Unsupported media type. I have used [FromBody] in my api. Here is my api: [HttpPost] [Route( "addCourseWeek" )] public String AddCourseWeek([FromBody]CourseWeek data) { data.WeekName = String.Concat(data.WeekName.Where(c => !Char.IsWhiteSpace(c))); if (data != null && ! string .IsNullOrWhiteSpace(data.WeekName) && data.WeekName.Length > 0) { data.CreatedAt = DateTime.Now; db.CourseWeeks.Add(data); } else { return Convert.ToString(ValidationProblem()); } // db.CourseWeeks.Add(data); try { db.SaveChanges(); } catch { return Convert.ToString(NotFound()); } return JsonConvert.SerializeObject(db.CourseWeeks,Formatting.Indented); } Here is my html form: @model CourseGamePlay.Models.CourseWeek @{ ViewBag.Title = "Admin Panel - Weeks" ; Layout = "~/Views/Shared/_adminLayout.cshtml" ; } Add Weeks "post" action= "/api/addCourseWeek" > class = "form-horizontal" > class = "form-group" > @Html.LabelFor(cw => cw.CourseId, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-md-4" > @Html.EditorFor(cw => cw.CourseId, new { htmlAttributes = new { @ class = "form-control" } }) @Html.ValidationMessageFor(cw => cw.CourseId, "" , new { @ class = "text-danger" }) class = "form-group" > @Html.LabelFor(cw => cw.WeekName, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-md-4" > @Html.EditorFor(cw => cw.WeekName, new { htmlAttributes = new { @ class = "form-control" } }) @Html.ValidationMessageFor(cw => cw.WeekName, "" , new { @ class = "text-danger" }) class = "form-group" > @Html.LabelFor(cw => cw.StartDate, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-md-4" > @Html.EditorFor(cw => cw.StartDate, new { htmlAttributes = new { @ class = "form-control" } }) @Html.ValidationMessageFor(cw => cw.StartDate, "" , new { @ class = "text-danger" }) class = "form-group" > @Html.LabelFor(cw => cw.EndDate, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-md-4" > @Html.EditorFor(cw => cw.EndDate, new { htmlAttributes = new { @ class = "form-control" } }) @Html.ValidationMessageFor(cw => cw.EndDate, "" , new { @ class = "text-danger" }) class = "form-group" > @Html.LabelFor(cw => cw.UpdatedAt, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-md-4" > @Html.EditorFor(cw => cw.UpdatedAt, new { htmlAttributes = new { @ class = "form-control" } }) @Html.ValidationMessageFor(cw => cw.UpdatedAt, "" , new { @ class = "text-danger" }) class = "form-group" > class = "col-md-offset-2 col-md-15" > "submit" value= "Submit" class = "btn btn-primary" /> Please help me out in it, if anybody knows it's solution. Thanks in advance.

Rijwan Ansari · Answer

Hi, You can update httppost as shown [HttpPost] [Consumes( "application/x-www-form-urlencoded" )] [Route( "addCourseWeek" )] public String AddCourseWeek([FromForm]CourseWeek data) { data.WeekName = String.Concat(data.WeekName. Where (c => ! Char .IsWhiteSpace(c))); if (data != null && !string.IsNullOrWhiteSpace(data.WeekName) && data.WeekName.Length > 0) { data.CreatedAt = DateTime.Now; db.CourseWeeks. Add (data); } else { return Convert .ToString(ValidationProblem()); } // db.CourseWeeks. Add (data); try { db.SaveChanges(); } catch { return Convert .ToString(NotFound()); } return JsonConvert.SerializeObject(db.CourseWeeks,Formatting.Indented); } By Defauly Content-Type is application/x-www-form-urlencoded so you must change [FromBody] to [FromForm]. If you use [FromForm] add [Consumes("application/x-www-form-urlencoded")] on action to accept application/x-www-form-urlencoded content-type Regards Rijwan

Rijwan Ansari · Answer

Hi Muhammad, Can you share me your file zip folder? In your case, if you want to submit form Form (without ajax) then you cannot use Formbody in controller post. For example: [HttpPost] [Route( "addCourseWeek" )] public String AddCourseWeek([FromBody]CourseWeek data) { For this kind of webapi, you cannot use Form Post as it doesnot support json data format. You should use ajax. However, You can do tricks: You can create two webapi: one for Form Post and another for swagger like: [HttpPost] [Consumes( "application/x-www-form-urlencoded" )] [Route( "addCourseWeek" )] // for form Post public String AddCourseWeek([FromForm]CourseWeek data) { var retValue = SaveCourseWeek(data); // common save method. return JsonConvert.SerializeObject(db.CourseWeeks,Formatting.Indented); } [HttpPost] [Route( "addCourseWeek" )] // for json public String AddCourseWeekJson([FromBody]CourseWeek data) { //call save method var retValue = SaveCourseWeek(data); return JsonConvert.SerializeObject(db.CourseWeeks,Formatting.Indented); } // common save method for save, better to keep in Business Logic/Service layer Public SaveCourseWeek(CourseWeek data) { data.WeekName = String.Concat(data.WeekName. Where (c => ! Char .IsWhiteSpace(c))); if (data != null && !string.IsNullOrWhiteSpace(data.WeekName) && data.WeekName.Length > 0) { data.CreatedAt = DateTime.Now; db.CourseWeeks. Add (data); } else { return Convert .ToString(ValidationProblem()); } // db.CourseWeeks. Add (data); try { db.SaveChanges(); } catch { return Convert .ToString(NotFound()); } } You can do something like this.

Satya Karki · Answer

Hi, Please check this link for solution https://stackoverflow.com/questions/61147640/415-unsupported-media-type-when-posting-a-form-using-ajax-to-a-asp-net-core-3-1

Muhammad Shaikh · Answer

Rijwan Ansari, By applying [FromForm], it is executing but on Swagger UI, it is not showing data in JSON format. I want to show data in JSON format, Do you have any solution for it? You can see Swagger UI snap on attached error.rar file. Regards, Muhammad Ehsan Shaikh

Muhammad Shaikh · Answer

I have tried it, it was giving unsupported datatype

Jignesh Kumar · Answer

Try removing all just pass model public String AddCourseWeek(CourseWeek data)

Muhammad Shaikh · Answer

Problem is when I am using [FromForm], then on swagger UI, data is showing in JSON format

Jignesh Kumar · Answer

Hi, Can you try FromForm instead of FromBody, [HttpPost] [Route( "addCourseWeek" )] public String AddCourseWeek([FromForm]CourseWeek data) { data.WeekName = String.Concat(data.WeekName.Where(c => !Char.IsWhiteSpace(c))); if (data != null && ! string .IsNullOrWhiteSpace(data.WeekName) && data.WeekName.Length > 0) { data.CreatedAt = DateTime.Now; db.CourseWeeks.Add(data); } else { return Convert.ToString(ValidationProblem()); } // db.CourseWeeks.Add(data); try { db.SaveChanges(); } catch { return Convert.ToString(NotFound()); } return JsonConvert.SerializeObject(db.CourseWeeks,Formatting.Indented); }

Salman Beg · Answer

Hey you need to set the Content-Type also. Check this link, https://stackoverflow.com/questions/44538772/asp-net-core-form-post-results-in-a-http-415-unsupported-media-type-response

Unsupported Media Type Error [FormBody] ASP.NET Core 3.1 JSON

Answers (9)