gpt4 book ai didi

javascript - TemplateSyntaxError 无法解析其余部分

转载 作者:行者123 更新时间:2023-12-03 02:14:15 26 4
gpt4 key购买 nike

在我的 django 应用程序中,我试图获取要从 JSON 变量加载的图像的名称。在其 HTML 键中,有要显示的图像的名称。我正在读取该 key 并附加到静态路径中。但是我收到此错误

TemplateSyntaxError at  Could not parse the remainder 

JSON

 var json = [{
"html": "abc.jpg", //testing this failed
"col": 1,
"row": 1,
"size_y": 2,
"size_x": 2
}, {
"html": "def.jpg",
"col": 4,
"row": 1,
"size_y": 2,
"size_x": 2
},

{
"html": "bac.jpg",
"col": 6,
"row": 1,
"size_y": 2,
"size_x": 2
},


{
"html": "xyz.jpg",
"col": 1,
"row": 3,
"size_y": 1,
"size_x": 1
}, {
"html": "Brand.jpg",
"col": 4,
"row": 3,
"size_y": 1,
"size_x": 1
},

{
"html": "Brand.jpg",
"col": 6,
"row": 3,
"size_y": 1,
"size_x": 1
}

];

我的循环用于提取图像名称和其他所需参数

for(var index=0;index<json.length;index++) {
gridster.add_widget('<li class="new" ><button class="delete-widget-button" style="float: right;">-</button><img src="{% static \'images/'+json[index].html+'\' %}"></li>',json[index].size_x,json[index].size_y,json[index].col,json[index].row);
};

在这个循环中检查我得到的变量

var json = [{
"html": "abc.jpg", //testing this failed
"col": 1,
"row": 1,
"size_y": 2,
"size_x": 2
}, {
"html": "def.jpg",
"col": 4,
"row": 1,
"size_y": 2,
"size_x": 2
}, {
"html": "bac.jpg",
"col": 6,
"row": 1,
"size_y": 2,
"size_x": 2
}, {
"html": "xyz.jpg",
"col": 1,
"row": 3,
"size_y": 1,
"size_x": 1
}, {
"html": "Brand.jpg",
"col": 4,
"row": 3,
"size_y": 1,
"size_x": 1
}, {
"html": "Brand.jpg",
"col": 6,
"row": 3,
"size_y": 1,
"size_x": 1
}
];

for(var index=0;index<json.length;index++) {
console.log('<li class="new" ><button class="delete-widget-button" style="float: right;">-</button><img src="{% static \'images/'+json[index].html+'\' %}"></li>',json[index].size_x,json[index].size_y,json[index].col,json[index].row);
};

最佳答案

{% static \'images/'+json[index].html+'\' %}

您无法执行此操作,因为 {% static %} 模板标记是在浏览器运行 JavaScript 之前在服务器上呈现的。

您可以使用get_static_prefix标记(请注意,这不适用于所有静态文件存储后端)。

{% load static %}
"{% get_static_prefix %}" + json[index].html

或者,由于您在模板中定义了 json,因此您可以在其中重复使用 static

var json = [{ 
"html": "abc.jpg", //testing this failed
"image": "{% static "abc.jpg" %}",
...

然后在循环中使用image

关于javascript - TemplateSyntaxError 无法解析其余部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49429336/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com