Django: dynamisch hinzugefügt Bild zeigt nicht

Question

Ich mache einfache Webseite mit Django. Ich habe ein Problem mit dem Bild. Bitte helfen Sie! :)

index.html: Es funktioniert gut.

<img src="{% static 'img/logo.png' %}" /> 

main.js: aber in Javascript, Es funktioniert nicht. Das Bild wird nicht angezeigt.

str = "<img src='{% static 'img/logo.png' %}' />" 
$("#mycontent").append(str); 

natürlich, $("#mycontent").append(str); Anweisung funktioniert gut. (aber nur Bild wird nicht angezeigt)

Haben Sie eine Idee mit diesem Problem?

Danke;)

Answer 1

Das ist, weil Sie nicht django Template-Tags in separaten JavaScript-Datei verwenden können - sie sind innerhalb django Vorlage nur arbeiten. Um Abhilfe könnten Sie Variable in Ihrer Vorlage (natürlich innerhalb Script-Tag)

var logoURL = {% static 'img/logo.png' %}; 

zu definieren und es dann in Ihrem Javascript-Datei verwenden, wann immer Sie es brauchen.