[JSP] 파일 업로드 기능 구현(Ajax, 비동기 통신, 확장자 필터링)
·
카테고리 없음
0. 시작하기 전에 JSP의 MVC 패턴, Ajax 비동기 통신, Servlet, DAO, DTO에 대한 기본 개념은 숙지하였음을 가정한다. 1. 개요 Ajax를 통한 비동기 통신을 이용하여 파일 업로드 및 DB에서 참조하는 법을 알아보자. 2. 로직 파일 업로드 기능을 구현하자면 위와 같다. 파일업로드('multipart/form-data', POST) > 서버에서 파일정보 획득(Request.getPart) > 파일정보 정재 및 DB 등록(저장된 파일 경로) > 결과 리턴 1. upload.jsp 파일 업로드 // 데이터 multipart/form-data를 POST으로 전송 지정 및 uploadFunction() 호출 파일업로드 2. upload.js Ajax 비동기 통신 // form으로 전달된 ..