小编Sri*_*man的帖子

反应输入类型文件 onChange 未触发

在本地开发服务器上使用 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)} />);
    }
}    
Run Code Online (Sandbox Code Playgroud)

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

onChange={e => this.importFile(e)}
onChange={this.importFile.bind(this)}
onChange={this.importFile}
Run Code Online (Sandbox Code Playgroud)

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

javascript reactjs

5
推荐指数
5
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1