Загрузка фото на сайт и его обработка

113

13 апреля 2022, 14:20

Как на сайте реализовать загрузку фото пользователем с помощью тега button и отображения этой картинки. Все средствами HTML, CSS, JS, без сторонних библиотек или фреймворков.

Answer 1

const btn = document.querySelector('#add');  //ваша кнопка
btn.addEventListener('click',()=>{
  const finput = document.createElement('input');
  finput.type = 'file';
  finput.onchange = (event)=>{
    const url = URL.createObjectURL(finput.files[0]);
    const img = document.createElement('img');
    img.src = url;
    document.body.appendChild(img); //добавляем в конец body
    
  }
  finput.click();
});