Как загрузить файл в поле ввода - PullRequest
Новая
       8

Как загрузить файл в поле ввода

0 голосов
/ 06 апреля 2020

Недавно я пишу в чате с symfony. У меня проблема с отправкой изображения в чат, у меня есть наблюдатель этого видео

https://www.youtube.com/watch?reload=9&v=cRDUDTmPiJc&list=PLxl69kCRkiI2-dfy1dLwbXyn8MaZ8oRac&index=11

в 6:38, видео использует ajaxSubmit для отправки изображение в поле ввода, вот код 

$('#uploadFile').on('change', function(e){
        $('#uploadFile').ajaxSubmit({
            resetForm: true,
            target: "#form-message"
        });
});

вот мой html код 

<div class="chat_message_area">
                <div id="form-message" type="text" contenteditable class="form-control" placeholder="Type a message"> </div>
                    <form id="uploadImage" method="post" enctype="multipart/form-data">
                        <label for="uploadFile"><i class="fa fa-paperclip" aria-hidden="true"></i></label>
                        <input type="file" name="uploadFile" id="uploadFile" accept=".jpg, .png" hidden="hidden"/>
                    </form>
                </div>
</div>

проблема в том, что я использую тот же код, но он загружает всю страницу в поле ввода вместо картинки.

заранее спасибо.

...