Мультизагрузка изображений на сервер

У меня есть админка где я загружаю айтемы в home.blade, также у меня есть itemDetails.blade, я могу выгрузить только одну фотографию, как сделать так чтобы я мог выгружать несколько фотографий к одному айтему сразу, и отображать в itemDetails.blade несколько фотографий, в home.blade я показываю только одну фотографию, такс вот код, надеюсь поможете братья прогеры. Если что вот сылка на проект в https://github.com/Phpshka/Shop-mine-project/tree/main/Shop

. . .

        /ItemController.php  
    
        public
    
        function store(AddItemRequest $request) {
          $item = Item::create($request - > except('sizes'));
    
          $sizes = $request - > get('sizes');
          foreach($sizes as $size) {
            Size::create(['item_id' => $item - > id, 'size_id' => $size]);
          }
          $file = $request - > file('itemImage');
          $path = 'images/'.$file - > getClientOriginalName();
          $file - > move('images/', $file - > getClientOriginalName());
    
          ItemImage::create(['url' => $path, 'item_id' => $item - > id]);
          return redirect('/admin/item');
    
        }
    
    
        /itemDetails.blade.php
    
        <div class="product_image_area">
            <div class="container">
                <div class="row s_product_inner">
                    <div class="col-lg-6">
                        <div class="owl-carousel owl-theme s_Product_carousel owl-loaded owl-drag">
    
                            <!-- <div class="single-prd-item">
                                <img class="img-fluid" src="img/category/s-p1.jpg" alt="">
                            </div>
                            <div class="single-prd-item">
                                <img class="img-fluid" src="img/category/s-p1.jpg" alt="">
                            </div> -->
                            <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-690px, 0px, 0px); transition: all 0s ease 0s; width: 1725px;">
                                    <div class="owl-item cloned" style="width: 345px;">
                                        <div class="single-prd-item">
                                            <img class="img-fluid" src="{{$item->images->first()['url']}}" alt="">
                                        </div>
                                    </div>
    
                                </div>
                            </div>
                            <div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
                    </div>
                    <div class="col-lg-5 offset-lg-1">
                        <div class="s_product_text">
                            <h3> {{$item->name}}</h3>
                            <h2> {{$item->price}} KZT</h2>
                            <ul class="list">
                                <li><a class="active" href="#"><span>Category</span>{{$item->category->name}}</a></li>
                                <li><a href="#"><span>Brand</span>{{$item->brand->name}}</a></li>
                                <li><a href="#"><span>Gender</span>{{($item->gender == 1) ? 'male' : 'female'}}</a></li>
                                <li><a href="#"><span>Count</span>{{($item->count)}}</a></li>
                                <li><a href="#"><span>Sizes</span>
                                        @foreach($item->sizes as $size)
                                            {{$size->size_id . " "}}
                                        @endforeach
                                    </a></li>
                            </ul>
                            <p>{{$item->description}}</p>
                            <div class="product_count">
                                <label for="qty">Quantity:</label>
                                <button onclick="var result = document.getElementById('sst'); var sst = result.value; if( !isNaN( sst )) result.value++;return false;" class="increase items-count" type="button"><i class="ti-angle-left"></i></button>
                                <input type="text" name="qty" id="sst" size="2" maxlength="12" value="1" title="Quantity:" class="input-text qty">
                                <button onclick="var result = document.getElementById('sst'); var sst = result.value; if( !isNaN( sst ) &amp;&amp; sst > 0 ) result.value--;return false;" class="reduced items-count" type="button"><i class="ti-angle-right"></i></button>
                                <a class="button primary-btn" href="#">Add to Cart</a>
                            </div>
                            <div class="card_area d-flex align-items-center">
                                <a class="icon_btn" href="#"><i class="lnr lnr lnr-diamond"></i></a>
                                <a class="icon_btn" href="#"><i class="lnr lnr lnr-heart"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        @endsection
    
    
        /Home.blade.php
    
        <section class="section-margin calc-60px">
          <div class="container">
            <div class="section-intro pb-60px">
              <p>Popular Item in the market</p>
              <h2>Trending <span class="section-intro__style">Product</span></h2>
            </div>
            <div class="row">
              @foreach( $items as $item)
    
              <div class="col-md-6 col-lg-4 col-xl-3">
                <div class="card text-center card-product">
                  <div class="card-product__img">
                    <img class="card-img" src="{{$item->images->first()['url']}}" alt="">
                    <ul class="card-product__imgOverlay">
                      <li><button><i class="ti-search"></i></button></li>
                      <li><button onclick="addToCard({{$item->id}})"><i class="ti-shopping-cart"></i></button></li>
                      <li><button><i class="ti-heart"></i></button></li>
                    </ul>
                  </div>
                  <div class="card-body">
                    <p>{{$item->brand->name}}</p>
                    <h4 class="card-product__title"><a href="{{route('itemDetails', ['id'=>$item->id])}}">{{$item->name}}</a></h4>
                    <p class="card-product__price">{{$item->cost}}</p>
                  </div>
                </div>
              </div>
              @endforeach
    
    
            </div>
            {{$items->links()}}
    
    
          </div>
    
        </section>
    
    
    
       
    
    
    
    
        /Itemimage.php Модель
    
        <?php
    
        namespace App\Models;
    
        use Illuminate\Database\Eloquent\Factories\HasFactory;
        use Illuminate\Database\Eloquent\Model;
    
        class ItemImage extends Model
        {
            use HasFactory;
            protected $fillable = ['url','item_id'];
    
            public function getUrlAttribute($url){
                return '/' . $url;
            }
        }

Ответы (0 шт):