I can't make Javascript copy my string as I want it

Question

I have javascript that is running on a django app. I get a list from my views.py and after that I want to get the img url

The first line of code gets it and console log shows exactly what I want pictures/logo.png

The problem is that in the third line of code the variable img shows me this: %22%2bimg%2b%22

Can you see what I'm missing?

img = data[i].fields.imagen.substring(13);
console.log(img);

html += "<div class='brick "+size+"' style='background-image: url(\"{% static '"+img+"' %}\")'><div class='cover'>"+nombre+"</div></div>"

take img as python raw string and then give it to your javascript, might help. — Prakash Palnati, Aug 01 '17 at 06:02
kinda newb on the python part, im doing the javascript, care to explain a bit? im looking for it tho — Jose Ramon, Aug 01 '17 at 06:05
Duplicate of https://stackoverflow.com/questions/1070398/how-to-set-a-value-of-a-variable-inside-a-template-code perhaps? — mplungjan, Aug 01 '17 at 06:07
Django automatically HTML quotes everything for security. You have to mark you string as safe if you want to prevent it: https://docs.djangoproject.com/en/1.11/ref/utils/#django.utils.safestring.mark_safe — Klaus D., Aug 01 '17 at 06:10

score 3 · Accepted Answer · answered Aug 01 '17 at 06:25

3

Solved it, i didn't have to write the

{% static '"+img+"' %}

part like that, messed up some stuff, just had to put it like this

 url(\"/static/"+img+"\")

answered Aug 01 '17 at 06:25

Jose Ramon

65
1
10

I can't make Javascript copy my string as I want it

1 Answers1