Evitar que o input file seja limpado ao cancelar a seleção

[luiz monteiro 0]

Bom dia. Eu estou tentando encontrar uma maneira de evitar que após o usuário selecionar, se selecionar, uma imagem, essa seja substituída apenas por outra selecionada. Porém quando o usuário cancela a seleção, o input file remove o arquivo se já foi selecionado anteriormente.

Essa é a estrutura que estou usando HTML

form action="#" method="post" name="formulario" id="formulario" enctype="multipart/form-data"

input type="file" name="file_name[]" 

 br

input type="file" name="file_name[]" 

  br

button enviar /button 

/form

JS PURO

Peguei esse script em um post aqui do stackoverflow e adaptei

script type="text/javascript"

let formulario = document.querySelector("#formulario");

formulario.addEventListener("change", (e)=>{

e.preventDefault();


var file  = e.target.files[0];


  if (e.target.files.length === 1 && e.target.files !== undefined && e.target.files !== null 
       && file.type.match('image.*'))
  {

    console.log("if okay");
    
  }
  else
  {
     //preciso entender o que devo fazer aqui para verificar se há arquivo no DOM desse 
        target caso, o usuário cancele a seleção, para evitar que se há um arquivo no DOM
        esse permaneça.

    console.log(file); //CASO O USUÁRIO CANSELA A SELEÇÃO, RETORNA undefined
  }

});

/script

O if está correto, porém o que falta é o que fazer no else. Agradeço desde já.