관리 메뉴

심재운 블로그

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

닷넷관련/ASP.NET MVC & Core

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

재우니 2017. 3. 8. 09:13


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"];
        }


0 Comments
댓글쓰기 폼