반응형
ajax로 파일 폼값을 전송해야 하는 경우가 있었다,,
검색해보니 formData를 생성해서 안에 append시켜주어 post해주면 된다한다..
function fnFileSubmit(){ var f = document.form1; var sData = new FormData(); $.each($('#INPUT_FILE')[0].files, function(i, file) { sData.append('PHOTO', file); //PHOTO라는 데이터안에 파일정보가 들어감 }); $.ajax({ type: "POST", url: "photo_upload.jsp", data: sData, cache: false, dataType: 'json', contentType: false, processData: false, success: function(jdata) { var msg = jdata[0].msgCD; if(msg == 'F'){ //업로드 실패 }else{ //업로드 성공 } }, error:function(xhr, textStatus) { alert("에러인 부분,,"); return; } }); }
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
jQuery function 선언하기 (0) | 2014.11.07 |
---|---|
jQuery 로딩 blockUI(loading modal) (0) | 2014.11.05 |
jQuery 스크롤 이동시키기 scrollTo/scrollTop (0) | 2014.11.05 |
jQuery fakecrop 이미지 비율맞추어 보여주기 (0) | 2014.10.22 |
jQuery 사용하기 (0) | 2014.10.15 |