Symfony 2: Comment générer les chemins des images dans le fichier javascript?

J'ai cherché sur google ce pour longtemps! J'ai besoin d'afficher des images sur un menu de pointage et mouseout. Le code est écrit dans un fichier js. Mais les images du chemin d'accès doit être généré. Est-il un moyen pour générer une image chemins à l'aide de quelque chose comme cela

{{ asset('bundles/mybundle/images/menu_down.png') }}

Peut FOSJsRoutingBundle utilisé pour générer les chemins des images dans les fichiers js?

OriginalL'auteur VishwaKumar | 2012-03-15

  1. 6

    D'accord avec Nick réponse, mais il a oublié les "quotes" autour de la {{ asset(...) }}.

    De sorte qu'il devrait être écrit comme ceci:

     var menuDownUrl = "{{ asset('bundles/mybundle/images/menu_down.png') }}";

    si vous voulez window.menuDownUrl de travail et pas de sortie vous "undefined"

    J'ai pensé qu'il. Merci quand même!

    OriginalL'auteur ohFRY

  2. 13

    Vous pouvez définir mondiale JS variables sur votre page:

    <script>
    var menuDownUrl = "{{ asset('bundles/mybundle/images/menu_down.png') }}";
</script>

    Puis de définir à l'intérieur de votre fichier javascript à appeler la variable globale: window.menuDownUrl

    Puis crée une dépendance à l'intérieur de votre fichier javascript, mais vous permet de définir l'image dynamiquement.

    Je pense que twig fonctions ne sont pas reconnus dans un fichier javascript. J'obtiens cette erreur: Uncaught SyntaxError: Unexpected token {
    Hey elle a effectivement travaillé. J'ai dû mettre le code dans mon bloc de script dans mon template twig. Merci!!!!!

    OriginalL'auteur Nick

  3. 8

    Vous pouvez mettre un input caché et définir le chemin d'accès de l'image.

    <input type="hidden" id="img_path" value="{{ asset('images/circle_loading.gif') }}">

    Après que jQuery vous pouvez l'utiliser comme cette

    var img  = "<img src=\'"+ $("#img_path").val() +"\'>";
$("div").html(img);

    OriginalL'auteur isaiasmac