Question

如果数据库中不存在文件，是否有用于显示默认图像的干净解决方案？我不需要检查文件系统中是否存在文件，例如{% if user.file %} <img src="{{ vich_uploader_asset(user, 'file')|imagine_filter('thumbnail') }}" /> {% else %} <img src="url/default_image.jpg" /> {% endif %}。

请查看以下代码：

<img src="{{ vich_uploader_asset(user, 'File')|default_image|imagine_filter('thumbnail') }}" />

每次都要检查模板中隐藏代码的每个图像。

有没有办法扩展imag_filter或任何其他解决方案（可能是服务）？

更新我认为这个线程是封闭的。另外，我已经报道了一个LiipImagineBundle bug＃749。

仅供将来参考，以便在不存在的情况下显示默认图像：

content.twig.html

parameters:
    default_image_path: /uploads/nophoto.png

parameters.yml

twig:
    globals:
        default_image_path: "%default_image_path%"

config.yml

services:
    app.twig.app_extension:
        public:    false
        class:     AppBundle\Twig\AppExtension
        arguments: ['@markdown', '%app_locales%', '@service_container']
        tags:
            - { name: twig.extension }

services.yml

namespace AppBundle\Twig;

use AppBundle\Utils\Markdown;
use Symfony\Component\Intl\Intl;
use Symfony\Component\DependencyInjection\ContainerInterface;

class AppExtension extends \Twig_Extension
{
    /**
     * @var Markdown
     */
    private $parser;

    /** @var ContainerInterface */
    protected $container;    

    /**
     * @var array
     */
    private $locales;

    public function __construct(Markdown $parser, $locales, ContainerInterface $container)
    {
        $this->parser = $parser;
        $this->locales = $locales;
        $this->container = $container;
    }

    /**
     * {@inheritdoc}
     */
    public function getFilters()
    {
        return array(
            new \Twig_SimpleFilter('default_image', array($this, 'getDefaultImage') ),
        );
    }


    public function getDefaultImage(string $path = null)
    {
        $defaultImagePath = $this->container->getParameter('default_image_path');
        return $path ? $path : $defaultImagePath;
    }

的appbundle /枝条/ AppExtension.php

views

Answer 1

您可以使用javascript执行此操作：

<img src="http://example.com/somejpg.jpg" onerror='this.onerror = null; this.src="./oops.gif"' />

替换未加载的图像

Answer 2

另一种方法是：

<object data="{{ vich_uploader_asset(user, 'file')|imagine_filter('thumbnail') }}" type="image/jpg">
    <img src="url/default_image.jpg" />
</object>

Answer 3

我不知道VichUploaderBundle是否能很好地处理没有文件的用户，但您是否尝试过创建自己的Twig过滤器？看起来像：

<img src="{{ vich_uploader_asset(user, 'file')|default_image|imagine_filter('thumbnail') }}" />

然后在你的自定义Twig扩展中：

public function getDefaultImage(string $path)
{
    return $path ? $path : 'url/default_image.jpg';
}

LiipImagineBundle默认图片

3 个答案: