Javascript 如何取消选择html表单中的文件？

我有一个简单的php文件上传表单，如下所示：

<form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
<label for="file">Files:</label>
<input type="file" name="file[]" id="file"><button type="button">Remove File</button>
<input type="file" name="file[]" id="file"><button type="button">Remove File</button>
<input type="submit" name="submit" value="Submit">
</form>

文件夹：
删除文件
删除文件

我想在Remove File（删除文件）按钮上添加一个函数，以便取消选择所选文件。可能吗

---

谢谢您的帮助。

您必须添加ID以使其更简单，否则您将遍历节点，您不会喜欢这样做

<form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
    <label for="file">Files:</label>
    <input id="file1" type="file" name="file[]" />
    <button id="rmv1" type="button">Remove File</button>

    <input id="file2" type="file" name="file[]" />
    <button id="rmv2" type="button">Remove File</button>

    <input type="submit" name="submit" value="Submit">
</form>

---

（将rmv1更改为rmv2，将另一个按钮的文件1更改为文件2）

在我发布答案之前，您想取消选择两个输入，还是一次取消选择一个？我不想重置所有输入。我只想重置我想要的，这就是为什么我为每个输入设置了一个按钮。很好，但是我如何更改javascript代码使其自动？比如说，我的真实表单是动态的，可能我只有一个文件输入，或者可能我有20个。那么您知道如何更改javascript吗？您必须使用

addEventListener（）

绑定函数才能将函数绑定到动态元素我知道，很抱歉再次询问，但是，我如何才能将其绑定到动态元素？

document.getElementById('rmv1').onclick = function() { 
    var file = document.getElementById("file1");
    file.value = file.defaultValue;
}