Symfony Twig - 图像没有显示

Question

Little bit confused here. I have looked at a few threads and they are not solving it.

1)  <img src="/web/uploads/ce438b2eb1c01d85f3d6d6c52efc1175.png"/>

2)   <img src="{{ asset('/uploads/ce438b2eb1c01d85f3d6d6c52efc1175.png')}}"/>

Edit:

2) Works
1) does not.

The crazy thing is, in PHPstorm, if I do /web in the src route it selects it for me, then it selects uploads for me and can even see the file. It just wont display!?

The below works for me, it displays the image. So there is no real rush on this now. However it is interesting to why 1) doesn't work?

  <img src="{{ asset('/uploads/' ~ media)}}"/>

Answer 1

The answer should be easy to find by searching the docs.

<img src="/web/uploads/ce438b2eb1c01d85f3d6d6c52efc1175.png"/>

doesn't work, simply because, if this code you've wrote it inside, let's say, AppBundle/Resources/views/Default/index.html.twig file, then this means the web/uploads/ directory structure should be present inside this directory (AppBundle/Resources/views/Default/) - and having the image inside it.

Which is not your case. So for AppBundle/Resources/views/Default/index.html.twig, the src should be:

<img src="../../../../../uploads/ce438b2eb1c01d85f3d6d6c52efc1175.png

That's why the asset() function is useful. Because it maps the path to your public directory (declared in composer.json file, under the symfony-web-dir key); so, no matter from where you are calling this function, it will always return the path to the public directory, so you don't have to worry about all those ../../ inclusions.