javascript - 删除选定文件路径时未触发 HTML 文件输入事件侦听器

Question

所以我的 html 中有一个 input type="file" 和一个可以正常工作的更改 EventListener。我现在添加了一个删除按钮，它基本上是这样工作的：

function removeFile(){
                            document.getElementById("fileinput").value = "";
                        }

只需将文件输入的值设置为空字符串。但这不会触发事件侦听器。我怎样才能使这项工作？

谢谢，约翰内斯

标签： javascripthtml

Answer 1

运行正常

function removeFile(){
                            document.getElementById("fileinput").value = "";
                        }
                        
  document.querySelector('#btn1').addEventListener('click', function(){
    removeFile()
  })

<input type="file" name="" id="fileinput">
<button onclick="removeFile()">removeFile</button>
<button id="btn1">removeFile</button>