Как добавить элементы img с помощью Javascript при использовании Django?

Я пытаюсь динамически вставлять элементы img на сайт, который я создаю и который использует Django для бэк-энда. Изображения часто меняются, поэтому я передаю src из Python в Javascript следующим образом:

views.py

path='{% static "../static/assets/'+image_name+'" %}'
response = render(request, 'main.html',{'image_path':path})
return response

Затем я объявляю глобальную переменную в шаблоне, чтобы использовать ее в .js файлах.

main.html

var imagePath = {{image_path|safe}}

Затем я использую Javascript, чтобы передать это как src новым элементам img. Однако, когда я это делаю, Django не может найти изображения. Когда я передаю строку в качестве src элементу img вручную, она работает.

Кто-нибудь знает, как это решить?

Вам необходимо использовать это

from django.templatetags.static import static
path = static(f'assets/{image_name}')
response = render(request, 'main.html',{'image_path':path})
return response
Вернуться на верх