Передача переменной 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>"
    );
Вернуться на верх