composer - Symfony 2: rutas de imagen en archivo javascript con assetic

symfony javascript

Question

Estoy tratando de hacer un camino a una imagen desde un archivo js en mi proyecto symfony2 utilizando un activo como este:

 var arr = $(''<img src="{{ asset("assets/images/linkArrow.png")}}">'').css({
position: ''absolute'',
...
});

pero estoy teniendo el siguiente error

 "NetworkError: 404 Not Found - mywebsite.com/bundles/web/app_dev.php/project/1/assets
/images/linkArrow.png"

mi imagen está en el archivo web / assets.

Answer 1

No puede usar la sintaxis twig en su archivo JavaScript. Si puede poner su script en su archivo de plantilla, entonces funcionaría. Otra forma limpia sería definir una variable de ruta base de activos para su javascript. Por ejemplo, para resolver su problema, puede agregar el siguiente código en su plantilla de diseño:

<script>
var assetsBaseDir = "{{ asset(''assets/'') }}"
</script>

NB: asegúrese de definir este script antes de cargar el archivo javascript, si está haciendo referencia a la variable directamente en su archivo js

entonces puedes usarlo en todos tus archivos JavaScript como:

var arr = $(''<img src="'' + assetsBaseDir + ''images/linkArrow.png''+ ''">'').css({
position: ''absolute'',
...
});

Feliz codificación!