Las imágenes del archivo de medios no se mostrarán en la plantilla de django.

Soy nuevo en django y he estado jugando con subir imágenes y luego mostrarlas. ... bienmolesto para mostrarlos.

Cuando intento mostrar la imagen desde una plantilla, solo obtengo el icono de enlace de imagen rota.

Estoy usando el servidor sqlite3

settings.py

ROOT_DIR = os.path.dirname(os.path.dirname(__file__))
def location(f):
    return os.path.join(ROOT_DIR, f)
MEDIA_URL = 'http://127.0.0.1:8000/media/'
MEDIA_ROOT = location('media/')

modelos.py

class Image(models.Model):
    image = models.ImageField(upload_to = 'images/')

vistas.py

from imageupload.settings import MEDIA_ROOT, MEDIA_URL

def main(request):
    imgs = Image.objects.all()
    return render_to_response('index.html', {'images': imgs, 'media_root': MEDIA_ROOT, 'media_url': MEDIA_URL})

url.py

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

En este momento acabo de usar el administrador para subir imágenes. Y eso parece funcionar bien, van a donde espero.

Pero cuando intento mostrarlos:
modelo

<!DOCTYPE html>
<html>
    <img src="<correct path to project>/media/images/photo_1.JPG" />

    {% for img in images %}
    <img src="{{ media_root }}{{ img.image.name }}" />
    <img src="{{ media_url }}{{ img.image.name }}" />
    <img src="{{ img.image.url }}" />
    {% endfor %}
</html>

Me sale el icono roto para cada uno.
El código fuente del navegador me muestra:

<!DOCTYPE html>
<html>
    <img src="<correct path to project>/media/images/photo_1.JPG" />    
    <img src="<correct path to project>/media/images/photo_1.JPG" />    
    <img src="http://127.0.0.1:8000/media/images/photo_1.JPG" />
    <img src="http://127.0.0.1:8000/media/images/photo_1.JPG" />
</html>

Eso tiene sentido, solo tengo una foto cargada.
y si copio uno de los enlaces duros y lo coloco en algún otro archivo html ... funciona

Respuestas a la pregunta(2)

Si está buscando imágenes para mostrar en un entorno de desarrollo, intente esto:

settings.py

SITE_ROOT = os.path.realpath(os.path.dirname(__file__))
MEDIA_ROOT = os.path.join(SITE_ROOT, 'static')
MEDIA_URL = '/static/'
STATIC_ROOT = os.path.join(SITE_ROOT, 'statics')
STATIC_URL = '/statics/'

urls.py

# somebody import this from settings
SITE_ROOT = os.path.realpath(os.path.dirname(__file__))  
urlpatterns += patterns('', 
    url(r'^static/(?P<path>.*)

archivo de vista html * .html:

<img src="{{ MEDIA_URL }}img/content_top_edit_form.png">

esto significa que tenemos unaimg carpeta en carpeta estática. En tu caso puedes cambiar esto por

Si ves el html de tu navegador, debes verlo así:

<img src="/static/img/content_top_edit_form.png">
,'django.views.static.serve', {'document_root': os.path.join(SITE_ROOT, 'static')}) )

archivo de vista html * .html:

<img src="{{ MEDIA_URL }}img/content_top_edit_form.png">

esto significa que tenemos unaimg carpeta en carpeta estática. En tu caso puedes cambiar esto por

Si ves el html de tu navegador, debes verlo así:

<img src="/static/img/content_top_edit_form.png">
 Ben28 may. 2012 07:45
hey gracias por tu respuesta Lo intenté y todavía no parece funcionar
Solución de preguntas

Oh FFS ...

abiertamente es

MEDIA_URL = '/media/'

NO

MEDIA_URL = 'http://127.0.0.1:8000/media/' 

...A pesar de#'http://127.0.0.1:8000/media/' estar escrito justo al lado

trabajando img link se ve así:

<img src="/media/images/photo_1.JPG" />

Definitivamente necesitas el

static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

en el archivo url también

Su respuesta a la pregunta