Django， HTML， JS： <img src= "#" > 在 HTML 中工作，但在 JS 文件中不起作用

Question

如果我在home.html中调用<img src="{% static "images/loader.gif" %}" alt="loader.gif"/>，则会显示gif（因此这应该意味着它正确指向所需的文件夹），但如果我尝试在js文件中调用它，则会出现损坏的图标（屏幕截图）。有没有不同的方法来调用JS文件中的图像（与Html文件相比）？

我的情况：

home.html

    ...
    <script src="{% static 'js/conta.js' %}"> </script>
    <a href="{% url 'conta' %}" class="btn btn-primary" role="button" id="btnGo">GO</a><div id="loading"></div>
    ...

conta.js

    $('#btnGO').click(function(e) {
        e.preventDefault();  
        $(this)
            .removeClass('btn-primary')
            .addClass('btn-danger disabled') 
            .text('WAIT');
        $('#loading').html('<img src="static/images/loader.gif" alt="loader.gif"/> loading...');
                        $.get("/conta/", function() {       
                           alert("FINISH");                    

        $('#btnGo')
            .removeClass('btn-danger disabled')
            .addClass('btn-primary') 
            .text('GO');
        $('#loading').html(''); 

        });
    });
});

Answer 1

临时系统不处理您的.js文件，因此模板标记在这里不起作用。使用硬编码路径到您的图像：

$('#loading').html(
         '<img src="/static/images/loader.gif" alt="loader.gif"/> loading...');