Django plantilla img src no trabajar

Quiero imprimir una imagen mediante el uso de una etiqueta img src en un archivo de plantilla de Django "base.html":Django plantilla img src no trabajar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html lang="en"> 
<head> 
    <title>Foto</title> 
</head> 
<body> 
    <h1>My helpful timestamp site</h1> 
    <img src="google.png"/> 
    <hr> 
    <p>Made by ... </p> 
</body> 
</html>

En views.py defino:

def hello(request): 
    return render_to_response('base.html')

Pero la imagen no aparece en el navegador. Si lo abro como un simple archivo html, aparece en el navegador.

Fuente

2012-09-18 user1680859

Eso sucede porque Django no conoce el camino a esta imagen.
Cree una carpeta con el nombre static/, y luego una carpeta con el nombre images/ en la raíz del proyecto (donde reside su archivo settings.py).

my_project/ 
    my_project/ 
     settings.py 
     static/ 
      images/ 
      google.png

y luego cambia a:

<img src="{{STATIC_URL}}images/google.png"/>

Más here.

Fuente

2012-09-18 16:55:46 thikonom

Como tengo solo una imagen, no quería utilizar archivos estáticos. Vi desde https://docs.djangoproject.com/en/1.0/ref/templates/builtins/ el ejemplo: – user1680859

Esto es solo un ejemplo. El camino común a seguir es el que describí en mi respuesta. – thikonom

En las últimas versiones de Django

<img src="{% static 'path/to/image.ext' %}"/>

Fuente

2016-03-05 09:54:36 chandan

'{% load static%}' '' ¡Trabajó para mí, gracias muchísimo! – WEshruth

¡Esto salvó mi tocino! ¡Gracias! – user2788749

@WEshruth Deberías considerar publicar tu comentario como respuesta. Responde la pregunta definitivamente. – Anomitra

usted tiene que añadir la etiqueta de carga estática en el inicio de su Django plantilla, mejor suerte con el código de abajo.

{% load static %} 
<img src="{% static 'path/to/image.ext' %}"/>

Fuente

2017-08-23 06:39:52 WEshruth

-1

En la versión más reciente de Django Nos hemos despojado de todas las dificultades:

(No olvide que usted necesita para mantener todo en carpeta estático en sí)

Así que en su plantilla:

{% load static %} <img src="{% static 'path_to_save/google.png' %}"/>

Fuente

2017-09-10 18:53:08

¿cómo es diferente de la respuesta a continuación (@ respuesta WEshruth) – chandan

Django plantilla img src no trabajar

Respuesta

Cuestiones relacionadas