본문 바로가기

프로그래밍

jquery Formdata를 이용해 업로드 방법

반응형

jquery를 이용한 ajax 업로드 방법입니다. 
페이지를 전환하지 않고 파일이나 자료등을 전송할 수 있습니다. 

<form id="frm">
    <input type="text" name="a"  >
    <input type="text" name="b"  >
    <button type="button" onclick="uploadProc();" ></button>
</form>

<script>
	function uploadProc(){
    	var f = new FormData($('#frm')[0]); 
        $.ajax({
          url : '업로드처리 url',
          type: 'post', 
          data : formData,
          cache : false,
          contentType : false,
          processData : false,
          error: function(data){
          console.log('업로드 오류');
          },
          success: function(data){
          	console.log('업로드 성공'); 

  		  }
        }); 
    }
</script>
반응형