Django中{{ item.img.url }}无法显示图片的问题求助

核心问题分析 #

1. 视图中使用.values()导致模型属性丢失
   你在views.py中用.values()查询数据，返回的是字典对象而非模型实例。ImageField的.url是模型实例的专属属性，字典仅存储图片文件名，无法调用.url生成正确访问路径。

2. ImageField的upload_to参数路径冗余
   models.py里upload_to='media'会让图片被存在MEDIA_ROOT/media/目录（即BASE_DIR/media/media/），和MEDIA_URL配置形成路径嵌套，引发访问路径错误。

3. 模板图片标签位置不符合布局逻辑（可选）
   当前图片标签在<li>外部，带图片的条目会在列表项外显示图片，不符合常规布局预期。

修改步骤 #

1. 修正视图查询方式（views.py）

移除.values()，直接返回模型实例：

from django.shortcuts import render
from .models import Ohlasky, Liturgicketexty
import datetime

now = datetime.datetime.now()

def index(request):
    # 移除.values()，获取模型实例而非字典
    order = Ohlasky.objects.all().order_by('den')
    order1 = Liturgicketexty.objects.all().order_by('id')
    template = loader.get_template('blog/index.html')
    context = {
        'ohlasky': order,
        'liturgicketexty': order1,
    }
    return HttpResponse(template.render(context, request))

2. 调整ImageField的存储路径（models.py）

修改upload_to参数，避免路径嵌套，比如存到media/images/目录：

from django.db import models

class Ohlasky(models.Model):
    den = models.DateField(blank=False)
    nazev = models.CharField(max_length=25, blank=False)
    text = models.TextField(blank=False)
    # 修改upload_to，避免与MEDIA_ROOT重复
    img = models.ImageField(upload_to='images', default=None, blank=True, null=True)

    def __str__(self):
        return f"{self.nazev} | {self.den}"

3. 调整模板中图片标签位置（index.html）

将图片标签移入<li>内部，保证布局逻辑正确：

<ul class="list-ohlasky">
  {% for item in ohlasky %}
  <li class="polozka-ohlasky"> 
    {{ item.den }}<br>
    {{ item.text }}
    {% if item.img %}
      <img src="{{ item.img.url }}" alt="PLS WORK">
    {% endif %}
  </li>
  {% endfor %}
</ul>

4. 额外检查事项

• 开发环境确保DEBUG=True，static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)仅在DEBUG模式下生效；生产环境需配置服务器（如Nginx）直接处理媒体文件请求。
• 确认已安装Pillow库（Django处理图片依赖），未安装则执行pip install pillow。
• 检查媒体目录权限，确保服务器进程有读写权限。

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