Пытался реализовать через JS но что то не могу понять почему не отображаеться
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
document.getElementById('photo').src = e.target.result;
}
reader.readAsDataURL(input.files[0]);
}
}
<form action="" method="post" enctype="multipart/form-data">
<p>
<label for="photo">Загрузите новую фотографию пользователя:</label>
<input type="file" id="photo" onchange="readURL(this);" name="photo">
</p>
<img id="photo" src="#">
<p>
<label for="cover_photo">Загрузите новый фон пользователя:</label>
<input type="file" id="cover_photo" name="cover_photo">
</p>
<p>
<input type="submit" value="Обновить">
</p>
</form>