소통하는 개발자 Sean
article thumbnail
셀렉트&드래그앤드롭 다중 파일 서버로 전송하기 (문제해결)
Web Programming/Spring Boot 2023. 10. 4. 01:08

파일 선택창을 통해 파일을 업로드 할 수도 있고, 파일의 드래그 앤 드롭을 통해 파일을 업로드 할 수 있다. 선택창과 드래그 앤 드롭을 혼합하여 여러개의 파일을 보낼 수도 있어야 한다. 프로젝트를 하면서 겪은 문제는 "드래그 앤 드롭"을 사용했을 때 file이 서버로 전달되지 못했던 것이다. 문제가 되었던 코드를 순차적으로 살펴보자. input type='file'에 드래그앤 드롭 파일 추가해서 서버로 넘기기 (실패) 파일 선택창을 통해 파일을 선택하면 input type='file'을 통해 파일이 들어가기 때문에 name="files"이 위에 보이는 post-register의 files 파라미터로 매핑이 된다. 드래그앤 드롭으로 파일을 등록하면 input type='file'에 value로 등록되지 않..