Как автоматически отправить форму при загрузке файла?

Question

[Keliorw]

У меня есть форма для загрузки аватарки, я хочу сделать процесс её залития как в вк, подскажите что делать, а то я уже мозг сломал(((

<div id="myModal" class="modal_fon">
                    <div class="modal_content">
                        <div class="modal-top-text">
                            <h1>Загрузить фотокарточку</h1>
                            <div class="modal_icon_close"><img src="img/close.png" alt="close"></div>
                        </div>
                        <?php if ( isset($_FILES['avatar']) ) : ?>
                            <div class="modal-description">
                                <p>Норм чи не?</p>    
                            </div>
                        <?php else : ?>
                            <div class="modal-description">
                                <p>Пикай формат JPG или PNG модник</p>    
                                
                            </div>
                            <img src="img/image-upload-file.png" alt="art">
                        <?php endif; ?>
                        <?php if ( isset($_FILES['avatar']) ) : ?>
                            <?php echo '<div style="background-image: url(avatars/'.$file_name.')" id="modal-image"></div>' ?>
                            <form action="" method="POST">
                                <div>
                                    <button type="submit" class="modal_button_send_file">Сохранить и продолжить</button>
                                    <button type="submit" class="modal_button_close">Отмена</button>
                                </div>
                            </form>
                        <?php else : ?>
                            <form action="" method="POST" enctype="multipart/form-data"> 
                                <div>
                                    <input type="file" name="avatar" id="file" class="modal_button_uploads_file" data-multiple-caption="{count} files selected" multiple>
                                    <label for="avatar">Выбрать файл</label>
                                    <button type="submit">kfglsdbhafhkjsdbhjk</button>
                                </div>                        
                            </form>
                        <div class="modal-top-text">
                            <h1>Если не грузит пикай файл поменьше петушок</h1>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>

Answer 1

[Tendor]

подписаться на событие onachnge для поля файла.