django模板不能正确加载在ImageField中上传的图像

Question

我知道这个问题已被提出很多次，但我尝试了很多不同的事情，而不是工作add.i相信我可能忘了在我的代码中添加一些愚蠢的东西，只是无法弄清楚是什么。下面是我标题模型的代码：

class Heading(models.Model):
    category = models.ForeignKey(Category)
    title = models.CharField(max_length=5000)
    content = RichTextField()
    image= models.ImageField(null=True,blank=True)
    date = models.DateField(default=datetime.now())
    time = models.TimeField(default=datetime.now())
    slug = models.SlugField(unique=True, null=True, blank=True)

我还在我的项目settings.py

中添加了以下代码

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

下面是我的urls.py

from django.conf.urls import include, url ,patterns
from django.contrib import admin
from django.conf import settings

urlpatterns = [
    url(r'^tinymce/', include('tinymce.urls')),
    url(r'^ckeditor/', include('ckeditor_uploader.urls')),
    url(r'^grappelli/', include('grappelli.urls')),
    url(r'^admin/', include(admin.site.urls)),
    url(r'^news/', include('news.urls')),
]
if settings.DEBUG:
    urlpatterns += patterns(
        'django.views.static',
        (r'^media/(?P<path>.*)',
        'serve',
        {'document_root': settings.MEDIA_ROOT}), )

这是我的目录设置方式

下面是我的模板代码

{% extends "base.html" %}

        {%block main_meat%}
        {%if headings%}
                {%for heading in headings%}
                    <h1><a href="/news/headline/{{heading.slug}}">{{heading.title}}</a></h1>
                    <br>
                    <img src='{{heading.image}}'>
                    {{heading.content|safe}}
                {%endfor%}

        {%endif%}
    {%endblock%}

当我检查webbrowser上的元素时，这是我得到的图像路径

<img src="./image_name.png">

subash是我的项目的名称，新闻是app.i的名称。我知道我已经发布了很多代码的长问题，如果有人能指出我错过了什么，请。

Answer 1

在你的模板中：

<img src='{{heading.image}}'>

尝试：

{% if heading.image %}
    <img src='{{heading.image.url}}'>
{% endif %}