Cant upload file to ASP.NET MVC with jQuery

Asked Sep 11 '18 at 13:04

Active Sep 11 '18 at 13:10

Viewed 43 times

I'm trying to upload a file to my controller but its taking it as null, while the toUser is accepting right.

I am using System.Web.Http, so I cant use System.Web.Mvc

MessageController.cs

[Route("api/messages/saveChatAttachment/{toUser}"), HttpPost]
public HttpResponseMessage SaveAttachment(HttpPostedFileBase file, int toUser)
{
    return Request.CreateResponse(HttpStatusCode.OK, toUser);
}

jQuery

var attachment;

$('#chatAttachment').on('change', function (e) {
  if (e.target.files.length) {
    attachment = e.target.files[0];
  }
});

var formData = new FormData();
formData.append('file', attachment);

$.ajax({
  url: '/api/messages/saveChatAttachment/' + toUser,
  type: 'POST',
  data: formData,
  contentType: 'application/json',
  dataType: 'json',
  cache: false,
  processData: false,
  success: function (data) {

  }
})

edited Sep 11 '18 at 13:10

asked Sep 11 '18 at 13:04

Ertan Hasani

2

You need to set `contentType: false` and modify your controller - refer [Upload file using WebApi, ajax](https://stackoverflow.com/questions/27863434/upload-file-using-webapi-ajax) – Sep 11 '18 at 13:07
@StephenMuecke thank you so much :) – Ertan Hasani Sep 11 '18 at 13:18
did you try adding toUser to formData? not in the url? my code would be like: formData.append("file", attachment); formData.append("toUser", toUser); try to remove contentType? – Victor Xie Sep 11 '18 at 13:22
@VictorXie Yep I did, and still the file was comming as null. The solution that StephenMuecke wrote, it works perfectly – Ertan Hasani Sep 11 '18 at 13:24
good to see you get it resolved. :) – Victor Xie Sep 11 '18 at 13:25
@VictorXie Thank you:) – Ertan Hasani Sep 11 '18 at 13:54

Cant upload file to ASP.NET MVC with jQuery

0 Answers0