image_preview_upload

<img id="uploaded-image">
<input id="image-input" type="file">
<button id="upload">Click to upload</button>

<script>

let img = document.querySelector("#uploaded-image")
let input = document.querySelector("#image-input")
let button = document.querySelector('#upload')

let reader = new FileReader()

reader.addEventListener('load', function() {
    img.src = reader.result
}, false)

button.addEventListener('click', function() {
    console.log(input.files)


    let filename = input.files[0] 
    // img.attributes.src = filename
    reader.readAsDataURL(filename)

})

</script>