안녕하세요.
화면상에서 이미지 파일선택 시 multipl 로 다중선택을 할 수 있게 하고,
그렇게 추가 된 이미지들 중 특정 이미지들을 X버튼으로 제거 후 남아있는 이미지들만 묶어서 서브밋 시 서버로 전달하려고 하는데요,
type="file" 은 읽기전용으로 제어가 불가능 하다고 해서
선택 된 파일정보들을 별도 array 에 담아서 서브밋 시 같이 전달하려고 하는데
array 에 담긴 했는데 이거를 서버단에 어떻게 전달할 수 있을가요?
기존에는 서버에서 받을때 MultipartFile[] detailImageFiles 로 받고
화면단에서는 input type=file name=detailImageFiles[] multipl =multipl 로 되어있어서
한번에 일괄 선택 후 서브밋 하면 detailImageFiles에 전부 담긴채로 넘어가고 서버에서도 해당 이름에 맞춰서 들어왔는데,
input detailImageFiles 에 담기는 file array를 제가 별도의 변수에 담고 이걸 다시 새로 만든 input 에 설정 후 넘길라했는데 type이 file 이라 설정이 안되더라고요;
$("input[name=detailImageFiles]")[0].files 와
var imageFiles(제가 임의로 담은 멀티파일정보) 의 내용은 동일하게 콘솔에 찍히는데
이거를 서버단(detailImageFiles) 에서 받으려면 어떻게 넘길 수 있을지에 대해 조언 부탁드립니다.
ps.multiple 가 아닌 경우에는 그냥 화면상에서 input file 을 1:1 로 매칭해서 append, remove 해서 넘겼었습니다.
파일 추가하면 input 도 하나 추가되고, 삭제하면 해당 input 삭제하는 식으로..
근데 multiple 는 그렇게 할 수가없어서..
18.118.162.111 |
질문 | 2,479명이 읽었어요. 18.118.162.111 | | 10
레어·유머·자작 인기글
1이천 신축 아파트 근황
15시간 전
2오늘은 무슨날?
18시간 전
3[펌] 찐진스 vs 뉴진스, 진스에 NEW 붙임
10시간 전
427살 연하 아이돌 출신 여자와 결혼한 남자
8시간 전
5홈월드3 콜렉터스에디션을 구했읍니다.
7시간 전
댓글 4개
1비공개
formData 에 기본폼 정보 설정 + 이미지정보만 추가 세팅 후 ajax 말고 서브밋 할 수 있는 방법은 없을까요
2021/03/03 16:02
2비공개
방향성은 일단 ajax 로 넘기고 returnUrl랑 결과값(message) 받아서 alert 으로 성공유무 보여주고 location.href=returnUrl 하는 방향으로 ...
2021/03/03 16:23
3비공개
ajax 나 fetch 안쓰면 원하시는 방식으로는 불가넝... 보안 문제 때문에 input 의 file 필드는 절대 바꿀 수 없습니당...
