파일이 첨부된 게시글의 수정 폼에 들어갔을 때
또 다른 파일을 첨부해서 변경하는 방식밖에 없는 것을 깨달았다.
그래서 기존의 첨부파일을 삭제하는 기능을 추가해야 겠다고 생각했다.
원래 생각하던 것은 [이미지 삭제] 버튼을 눌렀을 때
파일명이 표시되는 기존 첨부파일 폼이 null 값으로 비동기 방식으로 바뀌고
[수정] 버튼을 눌렀을 때 비로소 db 값이 변경되어 null로 처리되는 것이었으나....
(이미지를 삭제하려다가 마음이 바뀌어서 페이지 뒤로 가기를 할 수도 있으니까)
능력에 한계가 있어 [이미지 삭제] 클릭 시
db에 값이 바로 반영되고, ajax 구현도 실패했다.
첨부파일이 없는 게시글을 수정할 경우 기존 첨부파일 행이 아예 표시되지 않도록 해놨기 때문에
해당 행은 보이지 않는다.. ㅜㅜ
<input type="button" id=imgdelbtn class="btn btn-outline-danger"
style="width: 100" value="이미지 삭제"
onClick="location.href='notice_modifyFile.do?notice_num=${noticeDto.notice_num}' ">
[ 이미지 삭제 ] 버튼을 클릭하면 notice_modifyFile.do 값을
글 번호인 notice_num 과 함께 컨트롤러로 바로 전송한다.
그리고 이 글 번호 값을 매개변수로 한 파일첨부 컬럼을 null로 변경하는 메소드를 실행해버린다...
그래서 고민하다가 이미지 삭제 버튼 클릭 시 정말 파일을 삭제할 거냐고 묻는 confirm 창을 띄우고
확인을 누르면 메소드를 실행하는 것으로 변경했다.
그럼 이제 남은 것은 파일 삭제 메소드를 실행하고 난 이후 기존 첨부파일명을 Ajax 처리하는 것...
'프로젝트 > 세미 프로젝트' 카테고리의 다른 글
스프링 프로젝트) 두 테이블 조인, 그룹 함수 (0) | 2022.11.15 |
---|---|
스프링 프로젝트) 게시판 글쓰기 폼에 에디터 api 추가하기 (0) | 2022.11.03 |
깃에 올려진 프로젝트 pull 했을 때 실행이 안되는 문제 (0) | 2022.11.02 |