Newbie: images aren't displaying

[tacman]

I think I've followed all the instructions, and the bundle is installing. When I upload images, they go to the default /var/storage/medias, but the image browsing is trying to display the images as if they were in /public

The documentation in the README is not correct, since storage is no longer a key under easy_admin

https://github.com/agence-adeliom/easy-media-bundle/tree/3.x?tab=readme-ov-file#configurations

We're in the middle of some media management, so I'm happy to test this and figure out a way to make it work. If you have a working demo with easy-media-bundle:^3 and Symfony 7, I'm sure I can follow along and make it work. I can make PRs on the docs as well (once I understand it enough to do so!)

Thanks!

[tacman]

So as long as everything is set to /public, I can see images. Obviously I'm missing the mapping between the disk paths and the logical path.

And I'm not sure how liip_imagine fits into this. By chance, is there a demo repo, even if it's for version 2?

Thx.

[markeasting]

I've solved this with a controller that serves the image data:

namespace App\Controller;

use League\Flysystem\FilesystemOperator;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\DependencyInjection\Attribute\Autowire;
use Symfony\Component\Routing\Annotation\Route;
use Symfony\Component\Security\Http\Attribute\IsGranted;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\StreamedResponse;

class PublicMediaController extends AbstractController
{
    public function __construct(
        #[Autowire(service: 'medias.storage')] /* You might need to configure this storage key. */
        private FilesystemOperator $mediaStorage
    ) {}

    #[Route(
        '/uploads/{filename}', 
        name: 'media_controller_get', 
        requirements: ['filename' => '.+'])
    ]
    // #[IsGranted('IS_AUTHENTICATED_FULLY')] /* Optional: only allow authenticated users */
    public function serve(string $filename): Response
    {
        if (!$this->mediaStorage->fileExists($filename)) {
            throw $this->createNotFoundException();
        }

        /* Get a read stream for the requested file */
        $stream = $this->mediaStorage->readStream($filename);
        $mime = $this->mediaStorage->mimeType($filename);

        if (!$stream) {
            throw $this->createNotFoundException();
        }

        /* Stream the file as response */
        $response = new StreamedResponse(function () use ($stream) {
            fpassthru($stream);
            fclose($stream);
        });

        /* Set content type header from storage */
        $response->headers->set(
            'Content-Type',
            $mime ?: 'application/octet-stream'
        );

        return $response;
    }
}

[jdadeliom]

Thanks for reporting this @tacman.
Indeed the readme is not correct, I've updated it.
I'm not familiar with other way to store the images other than in the public directory.
Do you have any way to reproduce ?
For info the https://github.com/agence-adeliom/easyadmin-sandbox with 3.x has a working demo you could use to test and maybe to show me how it's not working