클릭한것만 사라지게 하고싶습니다 채택완료
흐어어어어
3년 전
조회 2,009
인풋 파일을 클릭한것만 지우게 하고싶은데
올린거 다 지워져서 어떤것을 고치면 될까요?
계속 고치다가 안돼서 여쭤봅니다... 고수님들 부탁드립니다....
</p>
<p>$('body').on('click','a.delete_image', function(e){</p>
<p> </p>
<p>e.preventDefault();</p>
<p>$('.removeImg').parent().remove('');</p>
<p> </p>
<p>});</p>
<p> </p>
<p> </p>
<p>function preview(arr){</p>
<p>arr.forEach(function(f){</p>
<p> </p>
<p>//div에 이미지 추가</p>
<p>var str = '<div style="display: inline-flex;"><li class="removeImg" style="width: 120px; overflow: hidden; margin-right: 2%; height: 120px; list-style:none; object-fit: cover; border-radius: 15px; border: 2px solid #dbdbdb;">';</p>
<p>str += '<span style="float:right;"><a class="delete_image" href="#"><img class = "delete-btn" src="/img/remove_icon.svg"></a></span>
';</p>
<p> </p>
<p>//이미지 파일 미리보기</p>
<p>if(f.type.match('image.*')){</p>
<p>var reader = new FileReader(); //파일을 읽기위한 FileReader객체 생성</p>
<p>reader.onload = function(e) { //파일을 읽어들이기를 성공했을 때 호출되는 이벤트 핸들러임</p>
<p>str += '<img src="'+e.target.result+'" width=150 height=150 />';</p>
<p>str += '</li></div>';</p>
<p>$(str).appendTo('#img_preview');</p>
<p>// str++;</p>
<p>}</p>
<p>reader.readAsDataURL(f);</p>
<p>}</p>
<p>});</p>
<p>}</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.