게시판에서 글 작성시 첨부파일 다중업로드 기능 질문드립니다

Question

첨부파일

function addFileInput() { fileInputCount++; const container = document.getElementById('fileContainer'); const newDiv = document.createElement('div'); newDiv.className = 'file-upload'; newDiv.innerHTML = '' + ''; container.appendChild(newDiv);}function removeFileInput(button) { const container = document.getElementById('fileContainer'); container.removeChild(button.parentElement);}원래 하나만 올라가게 되있던 걸 이런식으로 해서 카운팅넣어서 +버튼 누를때마다 나오는 새 태그의 name값을 하나씩 상승시키는 방식으로해서 다중파일업로드 기능까진 구현했는데그렇게 여러개 첨부파일이 저장된글에다 추가적으로 첨부파일 넣으려고하면 기존 저장된 파일들은 사라지고 새로운 첨부파일들만 업로드되는데 기존 첨부파일들을 유지시키려면 어떻게 해야 할까요?

stopoff · Answer

백엔드에서 기존 파일을 삭제시키지 말아야죠파일 저장 테이블에 기존 파일 중 삭제 된것은 삭제, 유지는 유지, 추가는 추가 해야지 기존 파일 모두 삭제 후 추가된 파일만 저장하면 안되겠죠

Hmnya · Answer

보통은 무난하게 이미 등록된 파일목록을 먼저 o 1번 등록된 파일 X <- (X: 삭제버튼) o 2번 등록된 파일 X이런식으로 배치해두고, 위에서 만드신 기능을 배치한 뒤최종 저장시 삭제버튼 누른것들을 삭제처리 후 추가 파일들을 저장합니다.

ejloveu · Answer

사라지는 이유가 컨텐츠에 첨부된 파일이 연결이 끊어 지는 것일 테니까요. 백엔드 처리 소스를 보여 주시는 게 낫겠네요. 삭제하고 새로 업로드 인지, 어떤 건지

캐티 · Answer

이거 둘 중 하나를 사용하면 되겠쩌. 위 거는 레거시이고 아래 거는 최신 방식인데 레거시 방식이 나은 경우가 있을거여요.HTML input multiple Attribute

녹호 · Answer

수정 눌렀을때 첨부파일 목록도 다 가져오게 한다음 수정/삭제한 파일리스트로 다시 덮어씌우면 어떨까요?

프리가이_444 · Answer

formData를 이용하세요.

게시판에서 글 작성시 첨부파일 다중업로드 기능 질문드립니다

6개의 답변

Q&A 목록