Как я могу записывать файлы в тег input?

В этом коде я отображаю изображения из хранилища. {% for car_img in car_src_images %}

Проблема в том, что могут изменяться (удаляться, добавляться) новые изображения, а в input об этом ничего не известно. Например, рендерится 2 изображения, вход пустой. Если добавить новое изображение, то будет написано только добавленное изображение (не отрисованное). Как я могу вызвать или записать в FormData или input отрендеренные изображения?

                    <div class="upload__box">
                        <div class="upload__btn-box">
                            <label class="upload__btn">
                                <p>Upload images</p>
                                <input type="file" multiple="" id="images" name="id_images" data-max_length="20" class="upload__inputfile">
                            </label>
                        </div>
                        <div class="upload__img-wrap">
                            {% for car_img in car_src_images %}
                                <div class="upload__img-box">
                                    <div style="{{ car_img.img_data }}" data-number="0" data-file="{{ car_img.img_filename }}" class="img-bg"><div class='upload__img-close'></div></div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>

Вернуться на верх