如何在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)

template / 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 %}