Browser caching for images

Hello guys, I'm trying to understand how to get my dynamic generated images cached by the browser.

The image is available only for logged in user and delivered like this:

        $img = Image::cache(function ($image) use ($user, $w, $h) {
            return $image->make(Storage::get('avatars/'.$user->avatar))->fit($w, $h);
        });

        return Response::make($img, 200, array(
            'Content-Type' => 'image/jpg'
        ));

The browser is always getting the response 200 and is not caching the image. How can I fix that? Is there any way in Laravel to set the lifetime or return something like "not modified" flag?

Cronix

7 years ago

Level 67

You can set the cache headers on responses just like your Content-Type

return response($img, 200)->withHeaders([
    'Content-Type' => 'image/jpg',
    'Pragma' => 'public',
    'Cache-Control' => 'max-age=86400',
    'Expires' => gmdate('D, d M Y H:i:s \G\M\T', time() + 86400)
]);

https://laravel.com/docs/5.6/responses#attaching-headers-to-responses

1 like

Please or to participate in this conversation.