Is it possible to display form file input in image after submitting the file?

Question

I wanted to make a form that will display a photo when a user uploads a photo. Here's my code:

function save() {
  var imgsave = document.getElementById('file')
  var imgdisplay = document.getElementById('imgdisplay')
  imgdisplay.src = imgsave.value
}

<form><input type='file' id='file' value='Upload Photo' accept='image/*' required></form>
<div align='center'><img src='' height='500' id='imgdisplay'></div>