프로그래밍
첫 페이지 회원가입 로그인
비공개 손님 2021-03-03 15:40:01
input file multiple 제어 관련 질문입니다.

안녕하세요.
화면상에서 이미지 파일선택 시 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 는 그렇게 할 수가없어서..


질문 | 1357명이 읽었어요. 44.210.132.31 |

0
1 비공개 손님 2021-03-03 16:02:16
formData 에 기본폼 정보 설정 + 이미지정보만 추가 세팅 후 ajax 말고 서브밋 할 수 있는 방법은 없을까요
2 비공개 손님 2021-03-03 16:23:48
방향성은 일단 ajax 로 넘기고 returnUrl랑 결과값(message) 받아서 alert 으로 성공유무 보여주고 location.href=returnUrl 하는 방향으로 ...
3 비공개 손님 2021-03-04 02:17:54
ajax 나 fetch 안쓰면 원하시는 방식으로는 불가넝... 보안 문제 때문에 input 의 file 필드는 절대 바꿀 수 없습니당...
4 비공개 손님 2021-03-04 12:40:14
3/네 감사합니다. ajax 로 해결했습니다ㅜ
댓글을 작성하실 수 없습니다.
(권한이 없는 회원레벨)
목록으로
이용약관 | 광고/제휴 | 개인정보취급방침 | 문의/신고 | 모바일 TE31 | 서버 부하 : 20.5%
실시간 Issue 커뮤니티 TE31 [알지롱] ⓒ 2002-2021
TOP arrow_upward