Как отобразить картинку в форме, сразу после её загрузки?



@madnober

Есть форма, в которой есть поле для загрузки изображения. Как сделать так, чтобы изображение появлялось рядом сразу после его загрузки?

желаемый результат:

62fbd030b8a8b046583137.png


Решения вопроса 1



@maksam07

При выборе картинки в форме, делаем пост запрос на сервер, собственно грузим ее при помощи этого запроса, в ответе возвращаем и отрисовываем


Ответы на вопрос 1



@RAX7

<img src="" alt="">
<input type="file">

const img = document.querySelector('img');
const input = document.querySelector('input');

input.addEventListener('input', e => {
  img.src = URL.createObjectURL(e.target.files[0]);
});

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *