Как поймать ID отображаемого изображения в Laravel

Question

Я отображаю изображения из базы данных, и мне нужно поймать идентификатор изображения из контроллера. Я пытаюсь сохранить идентификатор изображения в базе данных

Это тег изображения с идентификатором изображения.

Что нам нужно сделать, это: когда пользователь щелкнет по изображению и подтвердит необходимость отловить этот выбранный идентификатор из контроллера

    $kudos->receiveuserid =  $request->get('categories');
    $kudos->imageid =  'how can i get image ID'

Answer 1

попробуйте это должно работать.идея заключается в том, что когда вы нажимаете на изображение, функция javascript получает идентификатор и присваивает его модальной форме, а затем отправляет.Вы можете изменить его в соответствии со своими предпочтениями.

<!-- modal to get image id store it in hidden field-->
<div id="imgModal" class="modal fade" >
        <div class="modal-dialog box box-default" role="document" style="color:black;font-size:12.5px;">
          <div class="modal-content">
            <div class="modal-header">
              <p class="modal-title">Image Form</p>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <form class="form-horizontal" action="{{ url('img/addid/') }}" method="post"  role="form">
                    {{ csrf_field() }}
            <div class="modal-body">  
                <div class="form-group" style="margin: 0 10px;">

                     <input type="hidden" class="form-control" id="imgid" name="imgid" value="">

                </div>
            </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btn-xs">Submit</button>
                    <button type="button" class="btn btn-danger btn-xs" data-dismiss="modal">Cancel</button>
                </div>

                </form>
            </div>

          </div>
        </div>

<!-- display image code-->
<div class="col-sm-3">
 <div class="form-group">
  @foreach($category as $category)

    <a onclick="imgfunc('{{ $category->id}}')"><img class="boxicon" src="{{ asset('kudosupload/badges/'. $category->image)}}" name="img" ></a>

         <br>
     @endforeach
  </div>
</div>


<!-- javascript to get image id when click on image-->
<script type="text/javascript">

function imgfunc(r)
    {
        document.getElementById('imgid').value = r;

        $("#imgModal").modal('show')
    }

</script>

//controller to get input and store in database
public function saveImage(Request $request){

                  $this->validate($request, [

                  'imgid' => 'required|string',

                ]);

                $imgid=$request->input('imgid');

                $datasave=DB::table('imgtable')->insert([

                  'id'=>imgid,


                ]);

              return redirect('url')->with('message','Image saved!');


   }

   //route

   Route::post('img/addid','controller@saveImage');

Answer 2

Попробуйте что-то подобное и настройте в соответствии с вашими требованиями

@foreach($categories as $category)
<div>
    <img src="{{$category->image}}" class="imgRating">
    <input type="radio" value="{{$category->id}}" class="imgId" name="imageid">
</div>
@endforeach

Теперь напишу немного jQuery

$(".imgRating").click(function(){
    $(this).parent().find(".imgId").prop( "checked", true );
});

Наконец, добавьте CSS

.imgId{
    display:none !important;
}

Теперь в вашем контроллере вы получите идентификатор выбранного изображения по $request->imageid