Как получить ссылку src изображения вместо тега Django при выборке через jQuery?

Я пытаюсь получить значение из шаблона django в мой внешний js файл.

Хорошо работает, когда в html шаблоне данные будут иметь вид текста

<h3 class="username">{{ user.first_name }} {{ user.last_name }}</h3>

и код js файла,

var username = $(this).children().text();

Но в случае изображения он выдает мне теги Django.

Ниже приведен html-код, 

<img id="my_img" src="{{user.picture_url}}">

и код js файла,

profile_pic = $('#my_img').attr('src');

КАКОГО ВЫХОДА Я ОЖИДАЮ? 

http://127.0.0.1:8000/media/profile_image/blog-img1_Pw8NJQm_trt743z.jpg

КАКОЙ ВЫХОД Я НАБЛЮДАЛ? 

{{user.picture_url}}

Пожалуйста, дайте мне знать, как я могу достичь ожидаемого результата. Спасибо.

Очень странная ситуация. Шаблон Django рендерится на стороне сервера, а JS-коды выполняются на стороне клиента. В любом случае вы можете попробовать другой способ по ссылке


    <script type="text/javascript">
        let profile_pic = "{{user.picture_url}}"
    </script>
Вернуться на верх