通过jQuery获取时如何获取src图像链接而不是Django标签？答案

【问题标题】：How to get a src image link instead of Django tag when fetching through jQuery?通过jQuery获取时如何获取src图像链接而不是Django标签？
【发布时间】：2022-08-17 22:34:24
【问题描述】：

我正在尝试从 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}}

请让我知道如何实现预期的输出。谢谢。

您的代码应该可以工作，您可以分享其余的html吗？

标签： javascript python jquery django django-templates

【解决方案1】：

这是非常奇怪的情况。 Django 模板在服务器端渲染，JS 代码在客户端运行。无论如何，您可以尝试另一种方式获取链接


    <script type="text/javascript">
        let profile_pic = "{{user.picture_url}}"
    </script>

【讨论】：