Laravel8 - Vue3 display images from storage

Question

I Know there is a way to link storage folder in public folder, But I need another way.

So this is my question: is there any other way that I can display my images from storage folder without link it?

This is folders structure:

Storage->app->public->Categories->example.jpg

I need to display the images from the Categories folder several times in Vue3 FrontEnd.

wdu mean by link it ?

HijenHEK
– HijenHEK

2021-08-15 16:20:14 +00:00
Commented Aug 15, 2021 at 16:20 — HijenHEK
– HijenHEK, Commented Aug 15, 2021 at 16:20

Maksim · Accepted Answer · 2021-08-15 16:32:30Z

1

Yes, you can. Write a controller with image returning. Something like this (it's not production ready code, just concept).

class ImageController extends Controller
{
    public function __invoke($image_name)
    {
        $patch = 'Categories/'.$image_name.'.jpg';
        if(! Storage::exists($patch)){
             throw new HttpNotFoundException();
        }
        return response(Storage::get($patch))
            ->header('Content-Type', 'image/jpg');
    }
}

Route::get('images/{image_name}', ImageController::class);

<img src ="/images/example">

edited Aug 15, 2021 at 16:32

answered Aug 15, 2021 at 16:24

Maksim

2,9672 gold badges20 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

IProfessor Man Over a year ago

its works but I have problem with the route, if route like that: localhost:8000/categories/images/Categories/… it work but it like that: localhost:8000/categories/27/images/Categories/… it return 404

Maksim Over a year ago

Pls read documentation. If you want to define route with category id - just define it. laravel.com/docs/8.x/routing#route-parameters

Collectives™ on Stack Overflow

Laravel8 - Vue3 display images from storage

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related