using Ajax.js and JQuery.js post multiple file as null

Question

I want to use Ajax.BeginForm which contains a input type="file" multiple. But file value is null if i send it to controller. Because using together JQuery.js and Ajax.js. If I delete Jquery in this View file value not null.

@{
   ViewBag.Title = "Home Page";
}

<script src="~/Scripts/jquery-3.3.1.js"></script>

<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

@using (Ajax.BeginForm("Send", "Home",new AjaxOptions { UpdateTargetId="result",HttpMethod="POST",InsertionMode=InsertionMode.Replace},new {enctype="multipart/form-data" }))
{
    <input name="name"  />

    <input   id="files" name="pictures" type="file" multiple />
    <button type="submit"  >SEND</button>

}

<div id="result"></div>

//Controller

 [HttpPost]
    public PartialViewResult Send(string name,IEnumerable<HttpPostedFileBase> pictures)
    {

        //int sayi = resimler.Count();
        ViewBag.a = "abcsados";

        return PartialView("veriler",ViewBag.a);
    }

Hi Welcome to stack overflow, please don't share code images because its not helpful, add code here directly. avoid external links, or just create a snippet and add link to it here — Ahmed Sunny
– Ahmed Sunny, Commented Aug 27, 2018 at 9:19

Ahmed Sunny · Accepted Answer · 2018-08-27 09:36:17Z

0

You cannot upload files using AJAX. This is not supported. If you want to do that you could either use some file upload plugin such as Uploadify or Blueimp File Upload or use the HTML 5 File API if the client browser supports it.

Answer from

answered Aug 27, 2018 at 9:36

Ahmed Sunny

2,2431 gold badge24 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

using Ajax.js and JQuery.js post multiple file as null

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related