ajax - 간단하게 파일 업로드 with 제이쿼리

jsp or html 소스

<!-- 파일 폼 -->
<form id="uploadForm">
	<input type="file" name="file" />
</form>

name 태그는 테이블과의 컬럼명이 일치할 것.

 

 

js 소스

function uploadFile() {
  $.ajax({
    url: "/upload",
    type: "POST",
    data: new FormData($("#uploadForm")[0]),
    enctype: 'multipart/form-data',
    processData: false,
    contentType: false,
    cache: false,
    success: function () {
      // 성공할시 메세지
    },
    error: function () {
      // 실패할시 메세지
    }
  });
}

 

스크립트 단에서 함수 호출로 실행 or 버튼에 스크립트 기능 넣어주기로 실행