2017-01-17 3 views
-1

In meinem Projekt verwende ich Django für das Backend und Angular 1 für das Frontend. Wenn ich versuche Bilder zu meinem HTML hinzufügen, wie {% static 'image/location/img.png'%} folgt bekomme ich eine 404 dieser ArtRendern von Bildern django und eckig 1

http://localhost:3000/%7B%%20static%20'image/location/img.png'%%7D 404 (Not Found)

. Kann mir jemand bei der Einrichtung helfen {% statisch ....%} zu arbeiten.

Auf die gleiche Note funktioniert <img ng-src="/static/image/location/img.png"/> funktioniert in Ordnung, aber dieser Ansatz scheint eher hardcoded und würde lieber den ersten Ansatz verwenden.

+0

Sie nicht Vorlage Syntax innerhalb eines JavaScript-Datei verwenden können ... Bitte versuchen Sie einen [MCVE] – Sayse

+0

Aber zu schaffen, warum ist es, dass Code wie {% erweitert "base.html"%} funktioniert perfekt in derselben Datei. Ich werde versuchen, meine Frage gerade jetzt zu bearbeiten – Tatenda

Antwort

0

Wenn Sie Mediendateien bereitstellen mit Apache und Wsgi oder anderen einrichten, rufen Sie einfach die URL des Bildes, wo Sie es platzieren.

Zum Testen können Sie auch static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) in Ihrer Haupt-URL-Datei verwenden.

Und in Ihrer Winkel App Sie möchten es nennen: <img ng-src="localhost:8000/media/image/location/img.png"/>