web-dev-qa-db-ja.com

Symfony2の画像へのパスtwigテンプレート

ImgをAcme/DemoBundle/Resources/public/img/weather_icon/Blizzard.gifに保存します。このimgをテンプレートに入れたいので、

<img src="{{ asset('bundles/acmedemo/img/weather_icons/Blizzard.gif') }}" />

そして

<img src="{{ asset('..img/weather_icons/Blizzard.gif') }}"  />

そして

そして、これはうまくいきませんでした。 asset：installおよびassetic：dumpを実行しました

解決した

<img src="{{ asset('img/weather_icons/Blizzard.gif') }}" alt="Symfony!" />
symfonytwigassetic
22
konadrian

これを試してください

<img src="{{ asset('bundles/acmedemo/img/weather_icons/Blizzard.gif') }}" />

次のコマンドを使用して、アセットをWebディレクトリに配置する必要があります

app/console assets:install web
35
Nisam

バンドルの画像を使用できます：

{% image '@CoreBundle/Resources/public/images/your-image.jpg'  output="images/your-image.jpg" %}
<img src="{{ asset_url }}" width="100%" height="100%" alt="my alt of image" class="pull-left">
{% endimage %}
5
Chrysweel

資産ソリューション：資産ではなく資産の方がパフォーマンスが向上します。

たとえば、ディレクトリ構造：

C:\xampp\htdocs\yourproject\src\AppBundle\Resources\public\images\yourimage.png

たとえば、プロジェクト構造：

yourproject\src\AppBundle\Resources\public\images\yourimage.png

yourhtml.html.twig呼び出しで：

{% image '@AppBundle/Resources/public/images/yourimage.png' %}
                    <img src="{{ asset_url }}" alt="Example" />
                {% endimage %}

注意：

これにより、プロジェクトのcomposer.jsonで設定できる資産バンドルをインストールできます。

"require": {
"php": ">=5.3.3",
"sensio/framework-extra-bundle": "~3.0",
"symfony/assetic-bundle": "~2.6", },

アセットバンドルsymfony2のインストールの詳細については、googleを参照してください。

それだ。

ソース：

http://symfony.com/doc/2.7/cookbook/assetic/asset_management.html#cookbook-assetic-cssrewrite

0
Dung