프로그래밍/jQuery

jQuery ajax로 파일값 전송하기

p-a-r-k 2014. 10. 22. 10:19
반응형

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;
		}
	});
}
반응형