title: how to display multiple images on laravel view
body: <p>i need help displaying multiple images on laravel, so far I can upload and save the images to the path  <strong>public_path().'images/listing/'.$listing-&gt;id.'/'.$name;</strong>.</p>
  <p>but I not sure how to display each individual image path correctly on my blade file and display the saved images</p>
  <p>my ListingController</p>
  <pre><code>&lt;?php
  
  namespace App\Http\Controllers;
  
  use Illuminate\Http\Request;
  use App\Listing;
  use App\ListingImage;
  
  class ListingController extends Controller
  {
      /**
       * Display a listing of the resource.
       *
       * @return \Illuminate\Http\Response
       */
      public function index()
      {
          $listings = Listing::all();
  
  
          return view('listings')-&gt;with('listings', $listings);
      }
  
      /**
       * Show the form for creating a new resource.
       *
       * @return \Illuminate\Http\Response
       */
      public function create()
      {
          return view ('listings.create');
      }
  
      /*
       * Store a newly created resource in storage.
       *
       * @param  \Illuminate\Http\Request  $request
       * @return \Illuminate\Http\Response
       */
      public function store(Request $request)
      {
          $request-&gt;validate([
              'title'=&gt;'required',
              'price'=&gt;'required',
              'address'=&gt;'required',
              'rooms'=&gt;'required',
              'city'=&gt;'required',
              'state'=&gt;'required',
              'area'=&gt;'required',
              'bathrooms'=&gt;'required',
              'description'=&gt;'required',
              'status'=&gt;'required',
              'type'=&gt;'required',
              'images' =&gt; 'required',
              'images.*' =&gt; 'mimes:png,jpg,jpeg,gif,svg|max:2048'
          ]);
  
          $listing = new Listing();
          $listing-&gt;title = $request-&gt;input('title');
          $listing-&gt;price = $request-&gt;input('price');
          $listing-&gt;address = $request-&gt;input('address');
          $listing-&gt;rooms = $request-&gt;input('rooms');
          $listing-&gt;city = $request-&gt;input('city');
          $listing-&gt;state = $request-&gt;input('state');
          $listing-&gt;zip_code = $request-&gt;input('zip_code');
          $listing-&gt;area = $request-&gt;input('area');
          $listing-&gt;building_age = $request-&gt;input('building_age');
          $listing-&gt;bedrooms = $request-&gt;input('bedrooms');
          $listing-&gt;bathrooms = $request-&gt;input('bathrooms');
          $listing-&gt;description = $request-&gt;input('description');
          $listing-&gt;status = $request-&gt;input('status');
          $listing-&gt;type = $request-&gt;input('type');
          $listing-&gt;save();
  
          foreach ($request-&gt;file('images') as $image) {
              $listingImage = new ListingImage;
              $name = $image-&gt;getClientOriginalName();
              $path = public_path().'images/listing/'.$listing-&gt;id.'/'.$name;
              $image-&gt;move($path);
              $listingImage-&gt;listing_id = $listing-&gt;id;
              $listingImage-&gt;image_path = $path;
              $listingImage-&gt;save();
          }
          return redirect()-&gt;back()-&gt;with('success', 'Listing saved!');
      }
  }
  
  </code></pre>
  <p>the listing.blade.php</p>
  <pre><code>@foreach($listings as $listing)
                  &lt;!-- Listing Item --&gt;
                  &lt;div class=&quot;listing-item&quot;&gt;
  
                      &lt;a href=&quot;single-property-page-1.html&quot; class=&quot;listing-img-container&quot;&gt;
  
                          &lt;div class=&quot;listing-badges&quot;&gt;
                          &lt;span&gt;{{ $listing-&gt;status }}&lt;/span&gt;
                          &lt;/div&gt;
  
                          &lt;div class=&quot;listing-img-content&quot;&gt;
                              &lt;span class=&quot;listing-price&quot;&gt;{{$listing-&gt;price}} &lt;i&gt;$520 / sq ft&lt;/i&gt;&lt;/span&gt;
                              &lt;span class=&quot;like-icon with-tip&quot; data-tip-content=&quot;Add to Bookmarks&quot;&gt;&lt;/span&gt;
                              &lt;span class=&quot;compare-button with-tip&quot; data-tip-content=&quot;Add to Compare&quot;&gt;&lt;/span&gt;
                          &lt;/div&gt;
  
  
                          &lt;div class=&quot;listing-carousel&quot;&gt;
                              **@foreach($listing-&gt;images as $image)
                              &lt;div&gt;&lt;img src=&quot;{{ asset('$image-&gt;image_path') }}&quot; alt=&quot;&quot;&gt;&lt;/div&gt;
                              @endforeach**
                          &lt;/div&gt;
                      &lt;/a&gt;
  
                      &lt;div class=&quot;listing-content&quot;&gt;
  
                          &lt;div class=&quot;listing-title&quot;&gt;
                          &lt;h4&gt;&lt;a href=&quot;#&quot;&gt;{{$listing-&gt;title}}&lt;/a&gt;&lt;/h4&gt;
                              &lt;a href=&quot;&quot; class=&quot;listing-address popup-gmaps&quot;&gt;
                                  &lt;i class=&quot;fa fa-map-marker&quot;&gt;&lt;/i&gt;
                                  {{$listing-&gt;address}}
                              &lt;/a&gt;
  
                              &lt;a href=&quot;single-property-page-1.html&quot; class=&quot;details button border&quot;&gt;Details&lt;/a&gt;
                          &lt;/div&gt;
  
                          &lt;ul class=&quot;listing-details&quot;&gt;
                              &lt;li&gt;530 sq ft&lt;/li&gt;
                              &lt;li&gt;{{$listing-&gt;bedrooms}} Bedroom&lt;/li&gt;
                              &lt;li&gt;{{$listing-&gt;rooms}} Rooms&lt;/li&gt;
                              &lt;li&gt;{{$listing-&gt;bathrooms}} Bathroom&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;!-- Listing Item / End --&gt;
                  @endforeach
  </code></pre>