Como fazer várias input file abrir por cada div ? Com javascript?

Foto do pai

<br> <p>Foto do mãe</p>  <div class="div-button">         <!-- novo elemento! -->      <input class="file-button" type="button">      <!-- invisível -->      <input class="file-chooser" type="file" accept="image/*" hidden >     <img class="preview-img_a">     <input type="submit" value="upload"> </div>          <script type="text/javascript">     const $   = document.querySelector.bind(document); 

const previewImg = $ (‘.preview-img’); const fileChooser = $ (‘.file-chooser’); const divButton = $ (‘.div-button’);

divButton.onclick = () => fileChooser.click();

fileChooser.onchange = e => { const fileToUpload = e.target.files.item(0); const reader = new FileReader(); reader.onload = e => previewImg.src = e.target.result; reader.readAsDataURL(fileToUpload); };

</script>