How to show array of images in my blade view?

You may want to view: https://laracasts.com/series/css-grids-for-everyone

@jeffreyway demos a lot of layout techniques.

@jlrdw thank you, let me check.

@jlrdw i dont want to style them etc i did it already. i want to show those images on front end. 😶

Well I am old school I would do 3 divs floated left, then a clear float and repeat for the number of rows you need.

Or a table.

But if you watch some of those videos that's not just for style he positiions stuff all over the place with a grid system.

Remember CSS has to do with positioning also.

But watching that series was only a suggestion.

If the images are in an array, just use an @foreach loop ?

You need to understand your data first though. You have to know if the database contains just the image name or the full path or url in order to construct a valid src attribute.

For example, outputting slides ;

@foreach($hiw->slides as $slide)
    <li class="glide__slide">
        <img class="w-full rounded-lg" src="{{ $slide->slideURL() }}" />
    </li>
@endforeach

I can only do it this simply because I created a slideURL function in my model which returns the correct url for each image.

you may embrace laravel by having a loop like this @foreach($slide as $slide) <img src="{{asset("storage/$slide->image")}}" alt="No image to show"class="img-responsive img- fluid" > @endforeach

@snapey i tried it like this which is not working for me. images are there when i did {{dd($business->image)}} or blade directive @json($business->image) so it give me result. but when i want to print/show images inside image tag it didnt. ask me for some code or anything so you can check where am wrong. thankyou

@maaz What is structure of your $business->image?

If you have there array of path then

@foreach($business->image as $image)
  <img src="{{ $image }}">
@endforeach

@michaloravec

   public function store(Request $request)
    {
        if ($request->hasFile('pictures')) {
            foreach ($request->file('pictures') as $picture) {
                $pictures[] = $fileName = time() . $picture->getclientOriginalName();
                Storage::put('public/' . $fileName, file_get_contents($picture));
            }
            Business::create([
                'image' => implode(',', $pictures),
                'name' => $request->name,
                'price' => $request->input('price'),
                'description' => $request->input('description'),
                'user_id' => $request->input('user'),
                'category_id' => $request->input('category'),
                'subCategory_id' => $request->input('subCategory'),
                'province_id' => $request->input('province'),
                'city_id' => $request->input('city'),
            ]);
        }
        return redirect('sell-business-form')->with('success', 'Your business is under review, Please wait for confirmation');
    }

this is my code to store images + other data into db

@michaloravec and from here I am passing data to view. check it out

 public function businessDetail($id)
    {
        $business = Business::findOrFail($id);
        return view('front-end.business-detail', compact('business'));
    }

@maaz So

@foreach(explode(',', $business->image) as $path)
  <img src="{{ asset($path) }}">
@endforeach

Docs: https://www.php.net/manual/en/function.explode.php and https://laravel.com/docs/7.x/helpers#method-asset

But it will be propably better if your store your images in some directory and not exactly to the public folder.

@michaloravec thank you.. but how can i do it ? can you explain plz

@maaz You can use public disk for that https://laravel.com/docs/7.x/filesystem#the-public-disk

Aha .. Thanks aloot dear :) it will help let me try :) @michaloravec

@michaloravec let me know. what if i want to show only one image from that array . which will be the featured image for a single business.

@maaz Add this to your model

public function getFeaturedImageAttribute()
{
    return explode(',', $this->image)[0];
}

Then you can use

<img src="{{ asset($business->featuredImage) }}">

It will be the first image from the list of images.

But better will be if you use one to many relationships for images.

Docs: https://laravel.com/docs/7.x/eloquent-relationships#one-to-many

Oh Dear. Thanks aloot i was stuck in this method from the past two day . Thanks aloot :)