이미지 멀티 업로드 관련 질문드립니다.
<input type="file" name="detailImageFiles[]" multiple="multiple">
이런식으로 페이지에 파일업로드 를 하나 만들어두었고 해당 업로드를 통해 이미지 다량 업로드를 진행합니다.
업로드 된 이미지는 프리뷰로 화면에 뿌려주고 있는데 업로드 된 다량 이미지 중 특정 이미지들을 선택해서 삭제 할 수 있는 기능을 추가해야합니다.
근데 input file 에 대해서는 보안상 제어가 불가능 하기 때문에 업로드 된 file 데이터를 다른곳에 담고,
특정 이미지 삭제 시 해당 인덱스로 다른곳에 넣어놓은 배열에서 해당 이미지를 선택삭제 하고 있는데요.
문제가 이 이미지 말고도 다른 텍스트 데이터들도 같이 있는데 그거를 통으로 서브밋 했었는데
지금 파일에 대한 변경이 이루어졌으니 이 변경 된 파일도 같이 업로드를 해야 하는데 방법을 어떻게 해야할지 모르겠어서 질문드립니다.
요약하자면, input file multiple 를 이용해 다중업로드를 진행하는데 선택 된 이미지의 삭제 등 변경이 필요해서, 파일 데이터를 별도 배열에 담고, 삭제 시 해당 별도 배열에서 삭제를 진행하는데 이 데이터를 서브밋 시 같이 올리는 방법에 대해 알고 싶습니다.
|
2019.04.19 15:35:48 |
| input file multiple 서브밋 관련 질문 드립니다. |
질문 | 2,625명이 읽었어요.
|
|
| 3개의 댓글 |
|
|
| form data 를 활용하는 방안이 있네요.. 일단 테스트 해봐야겠습니다 | |
|
2019/04/19 18:03
|
|
|
|
|
제가 질문이 잘 이해가 안돼서 정확한 답변은 못드리지만 form data로 파일 업로드는
구버전 IE에서 지원하지 않는것으로 알고있습니다. https://developer.mozilla.org/ko/docs/Web/API/FormData |
|
|
2019/04/19 21:09
|
|
|
|
|
자답입니다. 멀티플은 제외하고 인풋을 건바이건으로 생성 삭제 하는 형식으로 진행하였습니다.
파일 누르면 인풋 생성후 트리거로 파일찾기 열고 업로드하는식으로 진행하였습니다. 파일 누를때마다 인풋 빈거는 지워주는식으로 진행하였습니다. 단점은 멀티플이 안된다는점 |
|
|
2019/05/01 22:37
|
|