0

estoy agregando una imagen a una tag div, el nombre de la imagen la tomo de la base de datos, aqui el codigo:

<div class="single_details details_bg_1" style="background-image: {{ url('storage/edificios/'.$edificio->slider_imagen1) }}"></div>

las imagenes estan almacenadas en public/storage/edificios/ a traves del inspeccionador me esta indicando que el valor de la propiedad no es valido, y se#ana al background-image, background-image: http://127.0.0.1:8000/storage/edificios/slider_imagen1-1650650190.png;

copie y pegue esa url y desde el explorador me muestra la imagen, por que que descarto que sea la ruta, que estoy haciendo mal??? estoy usando laravel 7

1 respuesta 1

0

la solucion:

 style="background-image: url({{url('storage/edificios/'.$edificio->slider_imagen1)}}) ;"

sucede que para css la propiedad background-image se asigna el valor de la siguiente forma:

background-image: url('valor');

entonces como la ruta proviene de una ruta laravel, le agregamos la plantilla blade url() para que interprete la ruta y variable que proviene de la base de datos, por lo tanto a solucion quedaria:

<div class="single_details details_bg_1"  style="background-image: url({{url('storage/edificios/'.$edificio->slider_imagen1)}}) ;" ></div>
3
  • Recuerda que estás en SO en español, por favor traduce tu pregunta para que no sea cerrada. También sería recomendable que agregaras una explicación del por qué esa es la solución para que otros usuarios con el mismo problema puedan encontrar la respuesta. Commented el 25 abr. 2022 a las 12:05
  • perdoname bro, eso sucede cuando se hablan mas de 2 idiomas. gracias!
    – Murra
    Commented el 25 abr. 2022 a las 18:11
  • No olvides aceptar la respuesta, de esa forma ayudas a otros usuarios a encontrar la solución fácilmente y ayudas a la comunidad a mantener abiertas únicamente las preguntas que no han sido resueltas Commented el 26 abr. 2022 a las 1:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.