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

Question

[olya_097]

https://jsfiddle.net/gvys07r8/

Comments

[Konstantin Zhikhor]

не понятно что именно вы хотите.

[olya_097]

Konstantin Zhikhor, ну сейчас там стоит картинка с моря условно говоря.
После выбора с компьютера к примеру изображение гор - она изменяется на выбранную

[FeST1VaL]

Когда меняется input с файлом, брать файл переводить его в картинку через js и выводить вместо текущей, но все равно вам нужна база где будет хранится картинка и как минимум нужен код который сохранит загруженную картинку на сервере по определенному пути

Answer 1

[0xD34F]

document.querySelector('input').addEventListener('change', e => {
  const { files: [ file ] } = e.target;
  if (file) {
    const reader = new FileReader();
    reader.onload = e => document.querySelector('img').src = e.target.result;
    reader.readAsDataURL(file);
  }
});