How to replace not found images in Symfony

Question

Normally you would include images with

<img src="{{ asset('location') }}"/>

But if the image doesn't exist, a 404 is thrown and a broken image is shown. How to show another image instead of a broken one? Is there a way to do it in twig?

I'm also using SonataMediaBundle which shows images like so:

{% path media, 'small' %}

Figured there would be a way inside the bundle to check if the image exists, but it doesn't.

Yea, test that the file exists yourself, write a few lines of code — RiggsFolly, Mar 01 '16 at 13:32
http://stackoverflow.com/questions/14231967/symfony2-checking-if-file-exists — chalasr, Mar 01 '16 at 13:37
You should write your app that way that never show not existing images. Eg. if user don't upload images do `$user->setImage('default.jpg');` etc. — malcolm, Mar 01 '16 at 14:02

score 3 · Answer 1 · answered Mar 01 '16 at 13:37

3

Try using onerror if you don't want to check the file's existence before hand

<img src="{{ path("image.svg") }}" onerror="this.src='{{path("image.png") }}'"/>

answered Mar 01 '16 at 13:37

David

33,444
11
80
118

Harikrishnan · Answer 2 · 2016-03-01T14:03:16.393

2

You can do this with rewrite. Create a .htaccess file in project directory. Add the following lines.

RewriteEngine On
<FilesMatch "\.(jpe?g|png|gif)$">
    ErrorDocument 404 "/img/default-image.gif"
</FilesMatch>

EDIT

You can use DirectoryMatch for matching directories. Also you can nest FilesMatch inside it.

<DirectoryMatch "^/www/xyz/"> <FilesMatch "\.(jpe?g|png|gif)$"> ErrorDocument 404 "/img/default-image.gif" </FilesMatch> </DirectoryMatch>

edited Mar 01 '16 at 14:03

answered Mar 01 '16 at 13:38

Harikrishnan

9,688
11
84
127

This is good for general missing images, but what if I want different images in different twig files? – George Irimiciuc Mar 01 '16 at 13:47

How to replace not found images in Symfony

2 Answers2