jQuery - post request with image using ASP.NET MVC controller

Question

How do I send FormData to a controller? I am trying to upload an image:

$(".Replybtn").on("click", function() {

  var fileData = new FormData();
  var files = $(".Rfile[data-id=" + RId + "]").get(0).files;

  if (files.length > 0) {
    fileData.append("HelpSectionImages", files[0]);
  }

  $.post('/QJN/Reply/', {
    __RequestVerificationToken: gettoken(),
    TGID: RId,
    SID: UId,
    Com: cmnt
  }, function(data) {
    if (data == "Tagged") {
      // 
    }
  });

});

HTML

<input type="file" class="Rfile" [email protected] accept = "image/*,video/*">

Controller

   [HttpPost, ValidateAntiForgeryToken, ValidateInput(enableValidation: true)]
    public ActionResult Reply(string TGID, string SID, string Com)
    {
     var file = Request.Files["HelpSectionImages"]; 
      if(file!=null){

       }
     }

Could you please post your controller action and any relevant HTML? Here is the jQuery docs on .post() - does your request follow these guidelines? — wahwahwah
– wahwahwah, Commented May 12, 2017 at 20:29
Is your post request hitting your controller action? Please let us know if @er-han's answer resolves your issue (and if it does, please accept it.) — wahwahwah
– wahwahwah, Commented May 12, 2017 at 22:53

er-han · Accepted Answer · 2017-05-12 20:49:24Z

1

It seems you are not posting fileData object. So you don't get any files from Request.

Try this:

$(".Replybtn").on("click", function () {
var fileData = new FormData();

var files = $(".Rfile[data-id=" + RId + "]").get(0).files;  

if (files.length > 0) {
    fileData.append("HelpSectionImages", files[0]); 
}

fileData.append("__RequestVerificationToken", gettoken());
fileData.append("TGID", RId);
fileData.append("SID", UId);
fileData.append("Com", cmnt);

$.ajax({
  url: '/QJN/Reply/',
  data: fileData,
  processData: false,
  contentType: false,// only jQuery 1.6+
  type: 'POST',
  success: function(data){
    if (data == "Tagged") {

    } 
  }
});
}

edited May 12, 2017 at 20:49

answered May 12, 2017 at 20:42

er-han

1,93115 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

jQuery - post request with image using ASP.NET MVC controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related