Django上传图片首页模板渲染报错：'image'属性无关联文件

模板渲染阶段触发错误，模板文件路径C:\Users\charlie...第252行抛出异常：'image'属性无关联文件。

用户上传发布图片后，预期图片在首页正常展示，实际触发上述报错。
目前已确认：

• 已上传的图片可在Django admin管理后台正常查看
• 提供的views.py中上传功能视图函数代码如下：

@login_required(login_url='signin')
def upload(request):
    if request.method == 'POST':
        user = request.user.username
        image = request.FILES.get('image_upload')
        caption = request.POST['caption']

        new_post = Post.objects.create(user=user, image=image, caption=caption)
        new_post.save()

        return redirect('/')

    else:
        return redirect('/')

• 对应Django模板渲染代码未提供完整片段

admin可正常查看图片，说明上传接口的文件写入、数据库存储逻辑正常，报错来自首页渲染环节，常见诱因有3个：

• 首页视图查询Post列表时，没有过滤image字段为空的历史帖子，遍历渲染到无图帖子时，直接访问ImageField的url属性就会触发该错误
• 模板渲染图片时没有做判空校验，且调用图片路径的写法不符合Django ImageField的规范
• 开发环境未正确配置媒体文件访问路由、MEDIA_URL/MEDIA_ROOT参数，导致模板无法解析图片的真实访问地址

• 调整首页视图的数据查询逻辑，排除无有效图片的帖子记录，参考代码：

def index(request):
    # 过滤image字段为空、或者无有效文件的帖子
    post_list = Post.objects.exclude(image__isnull=True).exclude(image='')
    return render(request, 'index.html', {'post_list': post_list})

• 修改模板第252行附近的图片渲染逻辑，增加判空判断，使用Django内置的ImageField url属性获取图片地址，参考写法：

{% for post in post_list %}
    <div class="post-item">
        {% if post.image %}
        <img src="{{ post.image.url }}" alt="{{ post.caption }}" class="post-image">
        {% endif %}
        <p>{{ post.caption }}</p>
    </div>
{% endfor %}

• 检查开发环境的媒体文件配置，确保路径解析正常：
  1. 在项目settings.py末尾添加配置：

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

  2. 在项目根路由文件urls.py中添加开发环境的媒体文件访问映射：

  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      # 原有路由配置保持不变
  ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  

内容的提问来源于stack exchange，提问作者Charlie