onclick시 미리보기 이미지를 삭제하는 방법

{A:[img1,img2], B:[img1]}과 같은 이미지 배열이 있습니다.onclick시 미리보기 이미지를 삭제하는 방법

나는 삭제 버튼을 클릭하면 모든 미리보기에 이미지입니다 그 배열 값을 삭제합니다.

각 이미지에는 별도의 삭제 버튼이 있습니다.

$('#filediv img').click(function(){ 

    $(this).remove(); // remove the image (from the dom) 

});

또는 : 그냥 DOM에서 제거하려는 경우

{"balcony":["1477990880.jpg","1477990923.jpg"],"apartment":["1477990905.jpg"]} 

    <?php if(isset($multi_images)) 
        $newArray = array(); 
       foreach($multi_images as $key => $value) { 
       for($i=0; $i<count($value); $i++) { ?>      

       <div id="filediv">          
        <img src="<?php echo SITE_PATH."/mb-images/delete_pic.png"; ?>" alt="" class="img-responsive" id="multiImagedelete" onclick=""> 
        <img src="<?php echo SITE_PATH."/data/users/".$value[$i]; ?>" name="images[]" alt="" class="img-responsive" id="<?php echo $key.$i; ?>"> 

        <?php array_push($newArray, $value[$i]);?> 

        {{ Form::label($key, $key, array('class' => 'label_field')) }} 
       </div>  
       <?php }} ?>

출처

2016-11-03 Mani maran

내가 제목뿐만 아니라 포스트 어려운 등의 이해를 찾을 수 있습니다. "원어민 강사"(영어)가 아닌 것으로 생각하면 언어와 영어에 정통한 사람을 구하고 함께 게시물을 검토하는 것이 좋습니다. 미리보기 할 이미지를 어떻게 알 수 있습니까? 'onclick'을 삭제하기 위해 정확히 하나의 배열 값보다 더 많은 (또는 적은) 값을 가질 수 있습니까? 주의 [ASK]에 유의하십시오. – greybeard

이

내 코드는 DB

$('#filediv img').click(function(){ 

    $.post('url-to-your-controller', DATA, function(){ 

     alert('The file has been deleted from DB'); 

    })  

});

에서 삭제하려는 경우

DATA는 예를 들어 이미지의 ID이며 img 태그에 설정합니다 :

<img src="..." data-img-id="The-id-dynamicly-set-here" />

및 JQuery와에 검색 :

$(this).data('img-id');

https://api.jquery.com/jQuery.post/

https://api.jquery.com/data/

출처

2016-11-03 14:53:28

DOM 미리보기 이미지를 삭제했지만 영구적으로 배열 값을 삭제하려고합니다. –

onclick시 미리보기 이미지를 삭제하는 방법

답변

관련 문제