0

Estoy tratando de mostrar las publicaciones almacenadas en mi aplicación pero las imágenes no se muestran. He verificado que se están almacenando bien y lo hacen en storage/app/public/images, pero en la vista no las encuentra.

Así es cómo almaceno mis posts:

public function create() {
   $this->validate([
      'content' => 'required',
      'image' => 'required'
   ]);

   $image_path = $this->image->store('public/images');

   $post = Post::create([
      'user_id' => $this->user_id,
      'content' => $this->content,
      'img_path' => $image_path
   ]);
}

Y así las muestro en la vista:

<div>
    @foreach ($posts as $post)
        <div class="mb-2 card">
            <h3>{{$post->content}}</h3>
            <p>{{$post->img_path}}</p>
            <img src="{{ asset('storage/app/' . $post->img_path) }}" alt="Imagen del post">
        </div>
    @endforeach
</div>

Qué estoy haciendo mal? Muchas gracias de antemano!

6
  • Revisa con el inspector el URL que tiene la imagen e intenta visitarlo, es muy probable que esté mal Commented el 13 may. 2023 a las 22:00
  • @HeytalePazguato sí. De hecho, se me ha olvidado decirlo en la publicación, pero la url es “localhost/storage…” no entiendo ese localhost Commented el 13 may. 2023 a las 22:05
  • te marca un 404 en la ruta ó algún código de error?
    – Jonathan G
    Commented el 13 may. 2023 a las 23:46
  • @JonathanG yes, me dice: GET localhost/storage/app/public/files/… 404 (Not Found) Commented el 13 may. 2023 a las 23:58
  • Hola Antonio, que bueno que has solucionado tu problema, has puesto la solución dentro de la pregunta, para que sea de utilidad para otros, deberías editar tu pregunta, quitar de ella la respuesta, y agregarla como tal, en la zona de respuestas, así evitarás votos negativos y tal vez recibas algún flechaParaArriba. Commented el 14 may. 2023 a las 12:21

1 respuesta 1

2

YA LO HE RESUELTO!!

Solución

Ejecuté el comando php artisan storage:link, que crea un enlace directo con la carpeta public de storage, por lo que para acceder a las imágenes se debe hacer

'<img src={{asset("storage/images/37DaEmnPZYnsjifWkaXyyNGC8eXILtjMe71vWGAj.png")}} alt="Imagen del post">'

es decir, directamente al archivo o, en mi caso, la carpeta que lo contiene y el nombre del archivo.

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.