JavaScript | Ajax 와 Ajaxform 파일업로드

 

 

AJAX

 

XMLHttpRequest에 파일을 실어서 보내는 방식입니다.

 

formData를 이용한 파일업로드

 

옵션

• async : false 를 추가하여 동기식으로 변경해 리턴값을 받을 수 있습니다. 비동기방식인 경우 Undefined 값이 리턴됩니다. 

 

 

 

AJAXFORM

 

IE10 이하에서는 ajaxForm을 통해 전송해야 합니다.

• beforeSend : 전송 전
• complete : 전송이 끝났을 때. 성공 실패 구분 없습니다.
• success : 전송 성공 시. complete와 같이 쓰면 둘 다 호출되므로 주의
• error : 전송 오류

error:function(data, status, opt)
{     
    alert("code:"+data.status+"\n"+"error:"+opt+"\n"+"message:"+data.responseText);
}

 

 

 

에러

 

Uncaught TypeError : Illegal invocation — 제대로 된 값이 아니거나 유형이 다를 때

 

 

관련포스트

• JavaScript | Ajax 기초
• JavaScript | jQuery UI
• JavaScript | jQuery 셀렉터와 동작
• JavaScript | 자바스크립트 개발도구
• JavaScript | 자바스크립트 그래픽
• JavaScript | 자바스크립트 객체
• JavaScript | 자바 스크립트 개요