在HTML中动态分配图片SRC？

Question

 {% block content %}
        <h3>Fotos</h3>
        {%for instance in img_list%}
        <img id="image1"/>
        <script>
            document.getElementById('image1').src = {{instance.filename}}
        </script>

        {% endfor %}

        {% endblock %}

这是我的代码。即使分配值，图像也不会弹出。我该如何解决？