jQuery 로 파일을 비동기 전송하기(ajax)

jQuery.form 을 이용하여 파일을 비동기로 전송할 수 있다.

우선 jQuery.form 라이브러리를 다운 받는다.

주소 : http://malsup.com/jquery/form/#download

<script type="text/javascript" src="/js/jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { // 파일 업로드 $('#fileUploadBtn').click(function() { if( confirm('선택한 이미지를 등록 하시겠습니까?') ) { $('frm').submit(); } return false; }); // 파입 업로드 이후 후처리 $('#frm').ajaxForm({ // 폼 전송 전 beforeSubmit : function(data, frm, opt) { //유효성 검사 등.. }, // 성공 시 success : function(responseText, statusText) { alert("정상적으로 등록 되었습니다."); window.close(); }, // 에러 발생시 error : function(){ alert('시스템에 오류가 발생하였습니다. 관리자에게 문의하여 주시기 바랍니다.'); } }); }); </script> <form id="frm" name="frm" action="/test/insertPhoto.do" enctype="multipart/form-data" method="POST"> <input type="file" name="fileList" /><br/> <button id="fileUploadBtn">업로드</button> </form>