본문 바로가기
728x90

filelist2

[Spring / Legacy] Multipart multiple file의 ajax formdata를 이용한 다중 파일 업로드 multiple 속성의 File input 을 업로드하려고 하니, 문제가 발생했다. 파일을 포함한 모든 데이터를 FormData를 통해 담아서 AJAX로 서버로 전송해주는데, 아무리 받으려고 해도, 전송되는 파일 리스트의 사이즈가 계속 0인 것이다. 문제가 되는 코드는 아래와 같다 this.prcAdd = () => { let formData = new FormData(); formData.append('file', $('#file')[0].files); } $.ajax({ type : "POST", enctype : "multipart/form-data", url : "/prcAdd", cache : false, contentType : false, processData : false, data : f.. 2022. 1. 4.
[Spring / Legacy] multiple input file을 이용한 파일 전체/부분 삭제 구현 (Javascript) Spring Legacy 프로젝트를 진행하는 도중, 여러 개의 파일을 한번 에 추가해야 할 일이 있었다. 여러 개의 Single 파일을 한 줄씩 입력하게 하면 편했겠지만, 많은 파일을 한 번에 올릴 확률이 더 크기 때문에 Multiple 속성 ( '' ) 으로 구현하였다. 그러다보니 예상치 못한 문제에 부딪혔었는데, 부딪혔던 문제와 해결 방법을 기록으로 남겨 공유하고자 한다. ※ File 타입의 Input은 반드시 알아두어야 할 점이 있다. value 값을 사용자가 선택하는 것 외에 임의적으로 입력할 수 없도록 되어 있다는 점이다. 생각해보자. 코드에서 파일을 직접 입력할 수 있다면 보안 이슈가 아주 쉽게 발생하게 될 것이다. 그러니 input 밖에서 파일을 따로 처리하고 싶다면, 사용자에게 입력받은 파.. 2021. 12. 31.
반응형