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
    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 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 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? 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
    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. el 9 oct. 2020 a las 2:40
  • Muy bien, que bueno que te funciono, estoy para ayudar en lo que pueda.
    – Gouk
    el 9 oct. 2020 a las 2:52
  • Gracias @Gouk igualmente para servir. 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.