单击事件后未激活type =“ file”的输入元素

Question

当我单击UI上的“选择文件”按钮时，它不允许我按期望的方式上传文件。

有人可以帮助我找出问题所在吗？

这是按钮的HTML部分：

<div style="padding-bottom: 15px">
  <input type="file" id="input-file" hidden="hidden">
  <button type="button" id="select-a-file-custom-button">SELECT A FILE</button>
  <span id="custom-text">No file chosen yet!</span>
</div>

以下是用于激活按钮的JavaScript：

// Step 1: Load file
selectFileBtnCtm.addEventListener("click", () => {
    selectFileBtn.click();
});

selectFileBtn.addEventListener('change', e => {

    selectFileBtnCtm.innerHTML = "FILE LOADED"
    customTxt.innerHTML = e.target.value;
    hashBtnTxt.innerHTML = "Ready to hash!"; 
    hashBtn.id = 'custom-button';

});

如果需要查看目录click here中的所有文件。