score:3

you could add a focus event on the window to watch when it get focused back after the user closes the file input dialog.

let button = document.queryselector("button");
let input = document.queryselector("input");

let rendercount = 0;
    
let pagerefocused =  () => {
  button.textcontent = `user closed the dialog ${++rendercount} times`;
  window.removeeventlistener("focus", pagerefocused);
};

button.addeventlistener("click", () => {
  input.click();
  // we watch the window after opening the file input dialog
  window.addeventlistener("focus",pagerefocused); 
});
input {
  visibility:hidden;
}
<button>upload a file</button><input type="file">


Related Query

More Query from same tag