Discussion :

[ludovic44]

Bonjour à tous, j'ai un problème qui semble banal mais qui m'enquiquine depuis 24h : mes images de mon carrousel ne se chargent pas.
Je suis sous symfony 3.2.
Sur mon projet (un gros TP que je m'impose à moi même) j'utilise FOSUserBundle.
Dans app/Resources/views j'ai créé un fichier base.html.twig
dans mon répertoire UserBundle/Resources/views j'ai un répertoire layout.html.twig

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
{% extends "::base.html.twig" %}
 
    {% block body %}
 
       {{ include ("UserBundle:carousel:carousel.html.twig") }}
		<p>salut !</p>
        <div>
            {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
                <a href="{{ path('fos_user_security_logout') }}">
                    {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
                </a>
            {% else %}
                <a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
            {% endif %}
        </div>
 
        {% if app.request.hasPreviousSession %}
            {% for type, messages in app.session.flashbag.all() %}
                {% for message in messages %}
                    <div class="flash-{{ type }}">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endfor %}
        {% endif %}
 
        <div>
            {% block fos_user_content %}
            {% endblock fos_user_content %}
        </div>
    {% endblock %}

dans UserBundle/Resources/views/carousel j'ai mon carrousel carousel.html.twig, Dans ce fichier je suis amené à charger des images avec l'instruction suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="../images/chat.jpg'" alt="">

j'ai également essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="images/chat.jpg'" alt="">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="/images/chat.jpg'" alt="">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="{{ asset('images/chat.jpg') }}" alt="">

et même

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="{{ abolute_url(asset('images/chat.jpg')) }}" alt="">

ce qui ne change rien même en vidant le cache de symfony et de mon navigateur entre chaque modif.

lorsque je charge la page /login tout se passe correctement, symfony va chercher les images dans /web/images, pas de problème.
mais lorsque je charge la page /register il semble que symfony modifie le chemin des images et va les chercher dans /web/app-dev.php/images, bien évidemment il ne les trouve pas et donc elles ne se chargent pas.

J'espère trouver quelqu'un ou quelqu'une qui voudra m'expliquer tout ce binz, ou même des pistes de réflexion car là je sèche (rien trouvé sur le net)

[Geoffrey74]

Salut,

au niveau du code sources visible depuis le navigateur (ctrl+U), que donne l'URL de l'image ? en tapant cette URL directement, tombes-tu sur l'image ?

[ludovic44]

pour la page /login dan le code source j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img alt="" src="../images/chat.jpg">

pour la page /register

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img alt="" src="../images/chat.jpg">

tiens, la même chose alors que d'aprés le débogueur de mon navigateur c'est différent

[Geoffrey74]

Hum,

quel est le code généré avec ça, que j'aurai tendance à utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="{{ asset('images/chat.jpg') }}" alt="">

[ludovic44]

page /login j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img alt="" src="../images/chat.jpg">

et pour la page /register j'ai la même chose.

si je tape directement l'url
web/images/chat.jpg
cad l'adresse que me donne le débogueur pour /login, le navigateur m'affiche bien l'image, par contre
si je tape l'adresse que me donne le débogueur pour /register url web/app_dev.php/images/chat.jpg, symfony m'indique qu'il n'y a pas de route pour get /images/chat.jpg ce qui est normal puisque le répertoire doit être accessible directement sans passer par le router.

La question est pourquoi dans un cas il accède directement à mon répertoire /images et dans l'autre il "décide" de passer par le router.

[ludovic44]

je me demande si mon problème ne viendrait pas des url de mes pages, en effet lorsque je vais sur /login l'url de la page se termine par web/app_dev.php/login, comme le chemin de mon image est ../images/monImage.jpg, mon image est chargée à partir de web/images/monImage.jpg
mais quand je vais sur la page /register l'url de ma page est web/app_dev.php/register/, elle se termine par un "/", je pense que c'est à cause de ce "/" que mon image est chargée à partir du chemin erroné web/app_dev/images/monImage.jpg. Problème je ne sais pas ou modifier le code pour changer l'url de ma page /register

[ludovic44]

j'ai trouver la solution, j'ai overridé les routes de fosuserBundle.

1 modif de mon fichier app/config/routing.yml, en particulier la ligne prefix: /register

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
fos_user_register:
    resource: "@FOSUserBundle/Resources/config/routing/registration.xml"
    prefix:

2 copie du répertoire routing (du vendor) dans app/Resources/FOSUserBundle/config
3 modif du fichier registration.xml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<route id="fos_user_registration_register" path="/register" methods="GET POST">
        <default key="_controller">FOSUserBundle:Registration:register</default>
    </route>