다시 작성된 제목은 다음과 같습니다. Laravel Ajax를 사용하여 배열에서 요소를 하나씩 제거합니다.

Question

Append를 통해 이미지로 표시되는 배열에서 각 요소를 제거하려고 합니다.

블레이드:

<h4>메뉴 이미지</h4>
<div class="col-md-12" id="cardImages"></div>

Ajax 함수

$(document).on('click', '.edit', function(){
  $("#cardImages").empty();
  var id = $(this).attr("id");
  $('#form_output').html('');
  $.아약스({
      URL: "{{route('restaurantOffers.fetchdata')}}",
      메소드: '가져오기',
      데이터: {id:id},
      데이터 유형: 'json',
      성공:함수(데이터)
      {
          $('#contract_id').val(id);
          $('#editContract').modal('show');
          $('#action').val('슈파이헌');
          $('.modal-title').text('데이터 업데이트');
          $('#button_action').val('업데이트');

          var 카드업 = data.cardUpload;

          $.each(cardUp, 함수(색인,값) {
            $('#cardImages').append('<a href="{{ url('/storage/offerPic/')}}'+'/' + 값 +'" 다운로드 ><img src ="{{ url('/storage/offerPic/')}}'+'/' + 값 +'" alt="></a><a class="btn btn -위험" target="_blank" rel="nofollow noreferrer" href="" method="post">X')

        });

      }
  })
});

컨트롤러:

function fetchdata(요청 $request)
{
    $id = $request->input('id');
    $data = RestaurantOffer::find($id);
    $출력 = 배열(
        'cardUpload' => json_decode($data->cardUpload),
    );
    echo json_encode($output);
}

cardUpload 열 레코드는 배열(예: ["image1.png","image2.png"])로 저장됩니다.

cardImages div에서는 이미지가 제대로 표시되지만 이러한 이미지를 하나씩 제거하는 기능을 만들고 싶습니다.

문제는 배열 요소를 하나씩 삭제하는 방법입니다.

PS: 이 이미지는 편집 버튼 다음에 표시됩니다. 따라서 get 메소드 내부에 삭제 또는 게시 메소드를 만들어야 합니다.

도움을 주셔서 미리 감사드립니다

Answer 1

특정 이미지를 삭제하려면 각 이미지의 특정 ID를 식별해야 합니다.

([1=>"image1.png",2=>"image2.png"]).

으아악

삭제 버튼:

으아악

수정할 수 없고 다른 답변을 게시해야 한다고 제안하는 경우 수정을 제안하지 마세요.