Question

I can’t display image in my template. This is my code:

settings.py

MEDIA_ROOT = os.path.join(DIRNAME, 'media')

MEDIA_URL = ''

STATIC_ROOT = os.path.join(DIRNAME, 'static')

STATIC_URL = '/static/'

# Additional locations of static files
STATICFILES_DIRS = (
    os.path.join(DIRNAME, 'my_static'),
)

in my models:

photo = models.ImageField(upload_to='media/images')

in website source(ctrl+U in firefox):

<img class="preview_image" src="static/images/test_1.png" ale="photo" />

How display image correctly?

Answer 1

Change your MEDIA_URL like this:

MEDIA_URL = '/media/'

Then change upload_to parameter like this:

photo = models.ImageField(upload_to='images')

Add this to your urls.py:

from django.conf import settings
urlpatterns += patterns('',
    url(r'^media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT, 'show_indexes': True}),
)

Then access the uploaded image in your template like below:

<img src="{{ picture.photo.url }}">