Блог

Я пытался выяснить, как отобразить изображение в теге img (id =»show_file»), когда пользователь выбрал опцию в шаблоне Django.

Ниже приведена часть моего исходного кода, о которой идет речь:

 {% block content %}
    <script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
    <script type="text/javascript" src="{% static 'admin/js/jquery.init.js' %}"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
        var changeImage = function() {
            document.getElementById("show_file").src = this.options[this.selectedIndex].value
        }

        var imageList = document.getElementById("already_exist_file");
        imageList.addEventListener("change", changeImage, True);
    </script>
.
.
.
.
<br>
                <label for="already_exist_file">기존 이미지 사용</label>
                <select id="already_exist_file" name="image_url" class="selBox">
                    <option value="없음">(없음)</option>
                    {% for notice in notice_list %}
                        <option id="image" data-style="background-image: url({{notice.image}})" value="{{notice.image}}">
                            {{notice.image}}
                        </option>
                    {% endfor %}
                </select>
                <img id="show_file">
                <br>
 

И вот как выглядит страница:

Когда выбран URL-адрес изображения, тег img по-прежнему не отображает изображение.