[JS] input타입이 파일인 항목을 ajaxForm으로 전달하기

서버에 AJAX를 통해 입출력을 할때 요청 데이터에 이미지파일과 같은 형식이 있으면 일반적인 방법으로는 어렵다.

 

그래서 jQuery 플러그인을 사용하여 처리했다.

 

1. jquery.form.js 플러그인 설치

 

jquery.form.js

 

2. Form에 enctype 추가

<form name="a" enctype="multipart/form-data" >

    <!-- 전달할 elements -->

    <input type="file" name="file0" />

    <input type="file" name="file1" />

    <input type="text" name="abcd" />

</form>

 

 

3. Form에 ajaxForm 셋팅

$("[name='a']").ajaxForm({
    complete : function(param) {
        //AJAX 후 처리 로직 처리
    }
});

 

4. ajax 요청하기

바로 실행해도록 하자. 사용은 일반 Form과 같이 사용하면 된다.

$("[name='a']").submit();

 

5. 완료