Frontend Portal

<img src="img/unknow.png">

<input type="file">

img {

  height: 150px;

  width: 150px;

  border-radius: 50%;

  object-fit: cover;

  background-color: #dfdfdf;

}

const image = document.querySelector("img"),

      input = document.querySelector("input");



input.addEventListener("change", () => {

  image.src = URL.createObjectURL(input.files[0]);

});