onclickのプレビュー画像を削除するには

Question

私は{A:[img1,img2], B:[img1]}のような画像の配列を持っています。

削除ボタンをクリックしたときにプレビューされた画像である配列値を削除したいとします。

各画像には個別の削除ボタンがあります。

これは私のコードです：

{"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 }} ?> 

Answer 1

あなただけのDOMからそれらを削除する場合：

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

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

}); 

または：あなたは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/