0

Estoy programando en Laravel y he utilizado un card bootstrap. He colcado una imagen al card y al recargar la pagina en el navegador no muestra la imagen. Que puede estar pasando? img/guntherrall.jpg estan dentro de la misma carpeta donde se ubica el archivo php que contiene este código.

<div class="card" style="width: 18rem;">
<img src="img/guntherrall.jpg" class="card-img-top img-fluidS">
<div class="card-body">
  <h5 class="card-title">Card title</h5>
  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  <a href="#" class="btn btn-primary">Go somewhere</a>
</div>
3
  • Abre la consola del navegador y checa si obtienes algún error
    – user128299
    Commented el 9 oct. 2020 a las 1:02
  • @BetaM la consola me presenta estos errores: Region.jsm: Error fetching region DOMException: The operation was aborted. Region.jsm:350:11 _getRegion resource://gre/modules/Region.jsm:350 Region.jsm: Failed to fetch region Error: NO_RESULT _getRegion resource://gre/modules/Region.jsm:351 Region.jsm:154:11 _fetchRegion resource://gre/modules/Region.jsm:154 Commented el 9 oct. 2020 a las 1:16
  • Region.jsm:Error fetching region DOMException: The operation was aborted. _getRegion resource://gre/modules/Region.jsm:350 Region.jsm: Failed to fetch region Error: NO_RESULT _getRegion resource://gre/modules/Region.jsm:351 Commented el 9 oct. 2020 a las 1:24

1 respuesta 1

1

Laravel tiene estructura de carpetas
La imagen no debe de estar en el mismo directorio (carpeta) que tu archivo php de tu código, yo la pondría en public/img/guntherrall.jpg y utilizaría lo que te sugirieron:

<img src="{{asset('img/guntherrall.jpg')}}" class="card-img-top img-fluid">
5
  • te refieres a storage/app/public? Commented el 9 oct. 2020 a las 2:17
  • si estas trabajando local es directamente en tuproyecto/public/img/guntherrall.jpg y si es en produccion public_html/img/guntherrall.jpg
    – Gouk
    Commented el 9 oct. 2020 a las 2:27
  • si funcionó tu sugerencia, img/guntherrall.jpg la coloqué en public y la línea <img src="{{asset('img/guntherrall.jpg')}}" class="card-img-top img-fluid">. Mil gracias. Commented el 9 oct. 2020 a las 2:40
  • Muy bien, que bueno que te funciono, estoy para ayudar en lo que pueda.
    – Gouk
    Commented el 9 oct. 2020 a las 2:52
  • Gracias @Gouk igualmente para servir. Commented el 9 oct. 2020 a las 2:58

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.