lundi 9 novembre 2020

I am not able to show image in the Edit Modal

This is the body code which is sending data to script.

@foreach($products as $product)
                            @if($product->category == "Starters")
                                <div class="food-item white">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-lg-8">
                                            <div class="rest-logo pull-left">
                                                <a class="restaurant-logo pull-left" href="#"><img src="images/" alt="Food logo"></a>
                                            </div>
                                            <!-- end:Logo -->
                                            <div class="rest-descr">
                                                <h6><a href="#"></a></h6>
                                                <p> Burgers, American, Sandwiches, Fast Food, BBQ</p>
                                            </div>
                                            <!-- end:Description -->
                                        </div>
                                        <!-- end:col -->
                                        <div class="col-xs-12 col-sm-12 col-lg-4 pull-right item-cart-info"> <span class="price pull-left">$</span> <a href="#" class="btn btn-small btn btn-secondary pull-right" data-id="" data-name="" data-price="" data-image="" data-toggle="modal" data-target="#product-modal">&#43;</a> </div>
                                    </div>
                                    <!-- end:row -->
                                </div>
                                @endif
                        @endforeach

This is the script:

<script>
$('#product-modal').on('show.bs.modal', function (event) {

    var button = $(event.relatedTarget)
    // var driver_id = button.data('driverid');
    var name = button.data('name');
    var price = button.data('price');
    var image = button.data('image');
    var id = button.data('id');
    var modal = $(this)

    // modal.find('.modal-body #driver_id').val(driver_id);
    modal.find('.modal-body #name').val(name);
    modal.find('.modal-body #price').val(price);
    modal.find('.modal-body #image').val(image);
    modal.find('.modal-body #id').val(id);



});

and this is the part of the Bootstrap Modal where i want to show the image:

<input type="image" name="image" id="image">

It only gets the value by which the image is saved in database. But i want to show the image.



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire