Estoy tratando de hacer que una tarjeta de empleado que obtenga un archivo de un <input type="file"/> empuje este archivo a una matriz y lo muestre como una "imagen de perfil".

html:

 <label for="formFileLg" class="form-label"></label> <input class="form-control form-control-lg" id="Img" type="file">

Js- inserte el archivo en la matriz:

 function addEmployee() { employees.push({ name: Name.value, age: Age.value, **img: Img.value** }) }

Js- muestra el archivo:

 <img src="${employees[i].img}" class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false" />

¿Qué necesito para agregar\cambiar?