Drupal 8 Twig Template: get relative or absolute path from URI

templates drupal twig drupal-8
user2735442 picture user2735442 · Oct 8, 2014 · Viewed 12.7k times · Source

I have in a twig template an image url, like "public://path/to/image.png". I want to get "sites/default/files/path/to/image.png" to use it in the template.

I thought it should work with something like this:

{{ url ('public://path/to/image.png') }}

or

{{ file_uri_scheme ('public://path/to/image.png') }}

But all I get are errors. I know that the second one is a PHP function, but is there any chance to do it with TWIG?

Answer

Philipp Michael picture Philipp Michael · Aug 5, 2016

You can use the twig function file_url to get a relative path:

{{ file_url('public://path/to/image.png') }}

Checkout the documentation under https://www.drupal.org/node/2486991

It accepts a uri and creates a relative path to the file. At least in Drupal 8.1.

Related questions

How can I theme the template for edit or add a node for a specific content type?

I want to theme the template for edit or add a node for a specific content type. For example, to theme all the content type forms I use the file page-node-{add|edit}.tpl.php (depending what I need to …

Read More
How can I echo HTML in PHP?

I want to conditionally output HTML to generate a page, so what's the easiest way to echo multiline snippets of HTML in PHP 4+? Would I need to use a template framework like Smarty? echo '<html>', "\n"; // …

Read More
How to use Class<T> in Java?

There's a good discussion of Generics and what they really do behind the scenes over at this question, so we all know that Vector<int[]> is a vector of integer arrays, and HashTable<String, Person> is …

Read More