Django加载JSON变量中图片时遇TemplateSyntaxError解析错误求助

看起来你是在Django模板里尝试直接拼接JSON变量里的图片名和静态路径时踩坑了，这个错误通常是因为你用了不符合Django模板语法的写法，比如在static标签里嵌套变量或者直接用加号拼接。我给你梳理下正确的解决思路：

先确认视图层的准备工作 #

首先要保证你已经把JSON数据转换成了Python的列表字典对象，传到模板上下文里。比如在视图函数里可以这么写：

import json
from django.shortcuts import render

def your_view(request):
    # 你的原始JSON数据
    json_str = '[{ "html": "abc.jpg", "col": 1, "row": 1, "size_y": 2, "size_x": 2 }, ...]'
    # 转成Python可迭代的列表字典
    items = json.loads(json_str)
    return render(request, 'your_template.html', {'items': items})

模板层的两种正确写法 #

写法一：在模板里用add过滤器拼接路径 #

Django模板不允许在标签里直接用加号或者嵌套变量，所以要借助add过滤器来拼接静态路径前缀和图片名，记得先加载static标签：

{% load static %}

{% for item in items %}
    <img src="{% static 'img/'|add:item.html %}" alt="{{ item.html }}">
{% endfor %}

注意：这里的'img/'要根据你实际的静态文件目录调整，如果你的图片直接放在static根目录下，就改成''即可。

写法二：在视图层提前拼接好完整路径 #

如果觉得模板里写过滤器有点麻烦，也可以在视图里直接生成完整的静态图片URL，传到模板里直接用：

import json
from django.shortcuts import render
from django.templatetags.static import static

def your_view(request):
    json_str = '[{ "html": "abc.jpg", ... }]'
    items = json.loads(json_str)
    # 给每个item添加拼接好的图片URL
    for item in items:
        item['image_url'] = static(f'img/{item["html"]}')
    return render(request, 'your_template.html', {'items': items})

然后模板里就可以直接引用：

{% for item in items %}
    <img src="{{ item.image_url }}" alt="{{ item.html }}">
{% endfor %}

额外注意事项 #

• 一定要在模板开头加上{% load static %}，否则static标签会报错
• 如果JSON里的html字段可能为空或者无效值，建议加个判断避免无效的图片请求：{% if item.html %}<img ...>{% endif %}
• 检查你的静态文件配置是否正确，确保abc.jpg这类图片确实存在于你指定的静态目录下

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