Как использовать загруженное пользователем изображение в шаблоне Django?

Question

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

В браузере проверять элемент он показывает

<img src(unknown)>

Загруженное изображение администратором с помощью интерфейса администратора хранится в /media/, который является медиа-корнем.

Расположение изображения

/media/img/imagename.jpg

settings.py

# media
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

urls.py (файл URL моего проекта)

from django.conf import settings
from django.conf.urls.static import static

## urlpatterns here

if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_URL)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_URL)

models.py

class AboutMe(models.Model):
image = models.ImageField(upload_to='img')
##  other fields

views.py

def index(request):
    aboutme = models.AboutMe.objects.all()
    context = {'information': aboutme,}
    return render(request, 'portfolio/index.html', context)

шаблон /index.html

{% for info in information %}
<img src="{{ info.inage.url }}"/> 
<div class="name-profile t-center">
  <h5 class="uppercase">{{info.name}}</h5>
</div>
{% endfor %}