반응형
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 |