如何在Django模板中正确判断可选ImageField是否存在并显示图片？

问题场景 #

开发电商平台时，已将模型中的ImageField设为可选字段，但模板中无法实现仅在图片存在时才渲染图片的逻辑，原判断语句失效且可能引发错误。

原代码问题点 #

1. 模板标签语法错误：{ % if (item.image.url) % }中{ %和% }的多余空格会导致模板解析失败，正确格式应为{% ... %}。
2. 直接访问item.image.url的风险：当item.image为None时，访问其url属性会抛出AttributeError，无法正常跳过图片渲染。

正确解决方案 #

修改模板中的判断逻辑，先确认图片对象存在，再渲染图片：

<div class="mt-6 px-6 py-12 bg-gray-100 rounded-xl">
        <h2 class="mb-12 text-2xl text-center"> Newest items </h2>
        <div class="grid grid-cols-3 gap-3">
            {%for item in items%}
                <div>
                <a href="#">
                <div>
                {% if item.image is not None %}
                    <img src='{{ item.image.url}}' class="rounded-t-xl">
                {% endif %}
                </div>
            <div class="p-6 bg-white rounded-b-xl">
                <h2 class="text-2xl">{{item.name}}</h2>
                <p class="text-gray-500">Price: {{item.price}}</p>
                </div>
            </a>
            </div>
            {% endfor %}
        </div>
 </div>

补充说明 #

也可以简化判断条件为{% if item.image %}，因为Django模板会自动将None、空对象等视为False，效果与is not None一致，代码更简洁：

{% if item.image %}
    <img src='{{ item.image.url}}' class="rounded-t-xl">
{% endif %}

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