django 1.5 - How to use variables inside static tag

Question

I'm currently migrating all the static files references in my project to the new {% static %} tag that django 1.5 introduced, but I'm having a problem, in some places I use variables to get the content. With the new tag I can't, is there any way to solve this?

Current code:

<img src="{{ STATIC_URL }}/assets/flags/{{ request.LANGUAGE_CODE }}.gif" alt="{% trans 'Language' %}" title="{% trans 'Language' %}" />

What it should be (this doesn't work):

<img src="{% static 'assets/flags/{{ request.LANGUAGE_CODE }}.gif' %}" alt="{% trans 'Language' %}" title="{% trans 'Language' %}" />

score 184 · Accepted Answer · edited Apr 26 '14 at 20:16

184

You should be able to concatenate strings with the add template filter:

{% with 'assets/flags/'|add:request.LANGUAGE_CODE|add:'.gif' as image_static %}
  {% static image_static %}
{% endwith %}

What you are trying to do doesn't work with the static template tag because it takes either a string or a variable only:

{% static "myapp/css/base.css" %}
{% static variable_with_path %}
{% static "myapp/css/base.css" as admin_base_css %}
{% static variable_with_path as varname %}

edited Apr 26 '14 at 20:16

Barney Szabolcs

11,846
12
66
91

answered May 20 '13 at 18:45

Bernhard Vallant

49,468
20
120
148

What if I want to put a variable{{var}} inside static tag? with tag can only accept one var. – Alston May 04 '23 at 08:15

score 41 · Answer 2 · answered Mar 28 '18 at 04:45

41

For what it's worth, I think this is the easiest way:

<img src="{% static 'assets/flags/'|add:request.LANGUAGE_CODE|add:'.gif' %}" ... >

This is and old question and I'm not sure if this method could be done back then, But now, in Django 2.0 this seems to work fine for me.

answered Mar 28 '18 at 04:45

aliqandil

1,673
18
28

4

I confirm that this method works in Django 2.0, and in my opinion, it is the best way to solve the problem. – Orangft Aug 16 '18 at 03:42
Works for me, but the docs come with this warning: "Strings that can be coerced to integers will be summed, not concatenated" – run_the_race Jul 05 '19 at 14:18
Does not work with hashed file names (ManifestStaticfilesStorage ). – run_the_race Jul 05 '19 at 19:28
@run_the_race that is actually concerning. but since we know the first argument can't be an integer, in this case it should be safe. Also, does hashed file names have "__str__" or "__add__" defined? – aliqandil Jul 06 '19 at 12:23
Being in Django 3.2.5 it's still the best way IMO. – Leandro Esteban Oct 20 '21 at 13:19

score 30 · Answer 3 · answered Mar 03 '15 at 03:37

30

a cleaner way is to set the {% static %} as a variable from the beginning of the html so we can use it in any way we want.

{% load static %}
{% static "" as baseUrl %}
<img src="{{ baseUrl }}/img/{{p.id}}"></img>

answered Mar 03 '15 at 03:37

cyberpolin

325
3
2

3

This fails if you are using s3 storage with signed URLs, as the Storage backend if not invoked to prepare the URL for each file. – shuckc Apr 24 '16 at 21:53
2

This looks very nice in a template but this is more of a hack than a clean way of using static. – Lindlof Oct 07 '16 at 07:29

score 23 · Answer 4 · answered Mar 13 '14 at 07:47

23

I got this to work by using an empty string for the static path and then using my variables in their own section, like this:

<a href= "{% static "" %}{{obj.a}}/{{obj.b}}/{{obj.c}}.gz" >Name</a>

answered Mar 13 '14 at 07:47

rounin

1,310
10
12

1

this is super clever, but what @horbor said, you can simplify it even more! https://docs.djangoproject.com/en/1.6/ref/templates/builtins/#std:templatetag-get_static_prefix – daviddeath Jun 10 '14 at 15:18
4

Rather than use an empty string, use `{% get_static_prefix %}`. – Martijn Pieters Jan 13 '19 at 11:57
This doesn't URL encode any of the `{{obj.a}}` and so forth. – uKolka Jun 23 '23 at 01:36

score 15 · Answer 5 · answered May 18 '14 at 18:21

15

@rounin, you can, at least, use

{% get_static_prefix %}

which will be loaded when you {% load static %}. It's just more natural then {% static '' %} :)

answered May 18 '14 at 18:21

horbor

609
7
13

This won't work with things like ManifestStaticfilesStorage that changes `foo.js` into `foo.8c9a23d.js` – Kos Oct 25 '16 at 08:21

score 0 · Answer 6 · edited Feb 20 '23 at 17:06

0

Just put the variables outside of the tag:

src="{% static 'directory/' %}{{filename}}.{{fileextension}}"

Result: "directory/filename.fileextension"

Example Result: "directory/bird.jpg"

edited Feb 20 '23 at 17:06

tdy

36,675
19
86
83

answered Feb 13 '23 at 20:48

Human From Universe

1
1

django 1.5 - How to use variables inside static tag

6 Answers6

Linked

Related