相关疑难解决方法(0)

我想清除表单中的文件输入.

我知道将源设置为相同的方法......但该方法不会擦除所选的文件路径.

注意:我想避免重新加载页面,重置表单或执行AJAX调用.

这可能吗？

在本地开发服务器上使用 React v16.1。我有一个简单的组件可以在这里上传文件：

class FileImporter extends React.Component {
    constructor(props) {...}
    importFile(e) {
      // import the file here, not firing
    }
    render() {
      return (<input type="file" onChange={this.importFile.bind(this)} />);
    }
}    

该函数importFile永远不会触发。我尝试onChange通过以下方式进行绑定：

onChange={e => this.importFile(e)}
onChange={this.importFile.bind(this)}
onChange={this.importFile}

我试过使用react-file-reader-inputand react-file-reader，并且只是像代码片段中那样的原始输入标签。他们都没有触发 onChange 处理程序。系统文件上传对话框出现，但在选择文件时没有任何反应。如何触发 onChange 事件？