Изображение не отображает Django 1.8 ImageField

Вот мои модели.py

class Item(models.Model):
author = models.ForeignKey('auth.User')
name = models.CharField(max_length=200)
price = models.DecimalField(max_digits=20,decimal_places=2)
description = models.TextField()
created_date = models.DateTimeField(default=timezone.now)
image = models.ImageField(upload_to=settings.MEDIA_ROOT)
def list(self):
    self.published_date = timezone.now()
    self.save()

def __str__(self):
    return self.name

Views.py

def item_list(request):
    items = Item.objects.filter(created_date__lte=timezone.now()).order_by('-created_date')
    return render_to_response('item_list.html', {'items': items}, context_instance=RequestContext(request))

urls.py

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'', include('shop.urls'))
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

и settings.py

BASE_DIR = os.path.dirname(os.path.dirname(__file__))

DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'shop',
)

MIDDLEWARE_CLASSES = (
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'django.middleware.security.SecurityMiddleware',
)

ROOT_URLCONF = 'djangoshop.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'shop/templates/shop/')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'djangoshop.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.8/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'HOST': '',
        'NAME': 'django_db',
        'USER': 'root',
        'PASSWORD': '',
    }
}


# Internationalization
# https://docs.djangoproject.com/en/1.8/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.8/howto/static-files/

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/Users/grasbergerm/Projects/djangoshop/djangoshop/media/'

Я просмотрел другие сообщения по этой теме и следовал их решениям, но, похоже, не могу заставить его работать на моей стороне. В источнике страницы у меня есть

<img scr="/Users/grasbergerm/Projects/djangoshop/djangoshop/media/5_hat_1_2_b8a44Lz.jpg">

и если я перейду по этому URL-адресу, я увижу изображение, но оно не появится на моей странице. Я просто застрял на этом слишком долго, поэтому любая помощь будет оценена по достоинству.

Изменить: это мой шаблон:

{% for item in items %}
    <img scr="{{item.image.url}}">
    <br>
    {{ item.name }}<br>
    {{ item.author }}<br>
    ${{ item.price }}<br>
{% endfor %}

person grasbergerm    schedule 15.01.2016    source источник


Ответы (1)


прежде всего:

image = models.ImageField()

вам не нужен upload_to=settings.MEDIA_ROOT, потому что он используется по умолчанию для полей изображений.

а MEDIA_URL должно быть просто MEDIA_URL = '/media/'

и в вашем шаблоне вам нужно:

{% for item in items %}
  <img src="{{ item.image.url }}">
{% endfor %}

ОБНОВЛЕНИЕ:

вам нужно явно сообщите своему локальному компьютеру, чтобы он обслуживал загруженные пользователем файлы, выполнив это

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
person doniyor    schedule 15.01.2016
comment
Я внес изменения, которые вы описали, и теперь источник моей страницы читается как ‹img scr=/media/Converse-Shoes.jpg›, но он по-прежнему не отображается. - person grasbergerm; 16.01.2016
comment
@grasbergerm на локальной машине или в производстве? - person doniyor; 16.01.2016
comment
это локальная машина - person grasbergerm; 16.01.2016
comment
По-прежнему ничего. Если я зайду по URL-адресу (127.0.0.1/media/Converse-Shoes.jpg), я увижу изображение, но оно все равно не появится на странице. - person grasbergerm; 17.01.2016