我已经尝试过寻找答案,但其中大多数都不在React的背景下,onChange触发模糊.
在执行各种测试时,我似乎无法分辨这两个事件是如何不同的(当应用于textarea时).任何人都可以对此有所了解吗?
我有文件上传输入:
<input onChange={this.getFile} id="fileUpload" type="file" className="upload"/>
Run Code Online (Sandbox Code Playgroud)
我这样处理上传:
getFile(e) {
e.preventDefault();
let reader = new FileReader();
let file = e.target.files[0];
reader.onloadend = (theFile) => {
var data = {
blob: theFile.target.result, name: file.name,
visitorId: this.props.socketio.visitorId
};
console.log(this.props.socketio);
this.props.socketio.emit('file-upload', data);
};
reader.readAsDataURL(file);
}
Run Code Online (Sandbox Code Playgroud)
如果我上传同一个文件两次,则不会触发上传事件.我该如何解决这个问题?对于简单的js代码,只需执行以下操作即可:this.value = null; 在变更处理程序.我怎么能用ReactJS做到这一点?
我有一个输入按钮和输入文件,我想点击按钮,它将触发REACT JS中的INPUT FILE事件.
React.createElement('input',{type:'file', name:'myfile'})
Run Code Online (Sandbox Code Playgroud)
然后按钮
React.createElement('a',{onClick: this.doClick},'Select File')
Run Code Online (Sandbox Code Playgroud)
那么当我们点击A HREF时如何定义和触发INPUT FILE点击事件?
非常感谢您的帮助.:-)