Передача переменной jquery в статический параметр img src в шаблоне Django
Я получаю список имен файлов (это изображения .jpg) из представления django в качестве ответа Ajax. Я хочу добавить каждое изображение в div (с id grid). Ниже приведен код:
success: function(response) {
var state = response.state;
var piclist = response.pics.toString();
var pics = piclist.split(',');
// alert(pics);
for (var i=0; i < pics.length; i++)
{
// alert(pics[i]);
// var fname = state + '/' + pics[i];
// var fpath = "{% static '" + fname + "' %}";
// alert(fpath);
$('#grid').append(
"<div class='col-md-2 mb-2 posr'>"
+ "<input type='checkbox' class='custom-control-input chk pos-ab'>"
+ "<img src='{%static fpath %}' class='img-thumbnail'>"
+ "</div>"
);
}
}
Я не могу передать переменную пути к файлу ts/pics[i]
в статический параметр img src. Я пробовал также использовать литералы шаблона Jquery, но это тоже не сработало. Как передать переменную пути к файлу?
Попробуйте это
var fpath = `{% static '' %}` + fname;
$('#grid').append(
"<div class='col-md-2 mb-2 posr'>" +
"<input type='checkbox' class='custom-control-input chk pos-ab'>" +
`<img src="${fpath}" class='img-thumbnail'>` +
"</div>"
);