jQuery 로 ajax 을 통해 post 로 파일 전송 (asp.net mvc)

jQuery 로 ajax 을 통해 post 로 input type 을 file , 즉 파일을 전송하는 방법입니다. 

여기서 FormData() 객체 함수를 통해 이를 담아 전송하는 방법이 중요 합니다.

HTML Code <input type="file" id="uploadEditorImage" /> Javascript Code $("#uploadEditorImage").change(function () { var data = new FormData(); var files = $("#uploadEditorImage").get(0).files; if (files.length > 0) { data.append("HelpSectionImages", files[0]); } $.ajax({ url: "~/Admin/HelpSection/AddTextEditorImage/", type:"POST", processData: false, contentType: false, data: data, success: function (response) { //성공시 }, error: function (er) { alert(er); } }); });

controller

if (System.Web.HttpContext.Current.Request.Files.AllKeys.Any())
        {
            var pic = System.Web.HttpContext.Current.Request.Files["HelpSectionImages"];
        }