数据提交成功后，如何清除文件输入中的文件选择？

Question

我正在使用react.js，我有一个表单，我正在将其提交给API，并且该表单工作正常，直到我想要清除字段为止。实际上有一个特别的字段，即文件输入。我无法将其重置回“未选择文件”，我尝试创建一个 files= 属性并通过状态和所有内容控制它。什么都不起作用，我错过了什么？

我只想在成功提交后重置它。

对此正确的做法是什么。

<input
    type="file"
    name="js-case-upload"
    className="form-control-static"
    filename={this.state.files}
    accept="image/*"
    onChange={ this._onChangeFileInput }
/>

Answer 1

考虑到inputhas id myFile，那么该文件可以通过普通的 javascript 重置，如下所示：

document.getElementById("myFile").value = "";