테스트 사이트 - 개발 중인 베타 버전입니다

글 작성 중 이미지첨부 삭제시 썸네일이 엑박으로 표시됩니다. 채택완료

동까 4년 전 조회 1,878

안녕하세요 웹 코딩을 공부한지 며칠 안된 뉴비입니다ㅜ

고수분들께 질문드립니다.

 

실 사이트를 만들어보며 공부중인데요, 현재 기능상태는 이렇습니다.

1. 게시글 작성 중 이미지파일첨부 시 해당 섬네일이 img 태그에 보여지게 됩니다.

2. 첨부파일 삭제를 누르면 해당 첨부파일이 삭제됩니다.

 > 문제점: 섬네일이 완전히 지워지지않고  표시가 뜹니다.

3. 작성완료 클릭 시 게시글로 등록되며, 등록된 이메일로 전송됩니다.

 > 문제점: 첨부 삭제한 파일도 게시글, 이메일 내용에 포함됩니다.

 

<참고 이미지>

 

아래는 관련 소스코드입니다.

<파일첨부 html>

 

<이미지 첨부시 섬네일생성>

 

<첨부 삭제>

 

많은 조언 부탁드립니다. 읽어주셔서 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
e
4년 전

id="addUpload_0" ~~

이렇게 변경하시고, 아래 한줄 추가해보세요.

function removeFile(no) {

  ~~

  $('#addUpload_'+no).hide();

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

동까
4년 전
소중한 답변 너무 감사합니다!! 덕분에 걸림돌 중 하나는 속시원히 해결되었습니다ㅎㅎ
가능하시다면 하나만 더 도움주실 수 있을까요??
첨부취소(removeFile) 함수를 호출해도 게시글 작성 시 해당 파일이 첨부가 되어버리는데요ㅠㅠ
이부분은 어떻게 해결해야할까요?
e
eyekiss
4년 전
$('#img_upload_'+no).hide();
이것도 추가해보세요.
해결되셨으면 답변 채택 바랍니다..^^
동까
4년 전
div 자체를 숨기는것도 좋은방법이지만 다시 show()를 통해 사용하게되면 엑박표시가 그대로 남아있어 좀 아쉽네요ㅠㅠ 여튼 좋은 해결책 감사드립니다 채택해드렸어요~!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인