相关疑难解决方法(0)

在React中,onChange和onInput之间有什么区别?

我已经尝试过寻找答案,但其中大多数都不在React的背景下,onChange触发模糊.

在执行各种测试时,我似乎无法分辨这两个事件是如何不同的(当应用于textarea时).任何人都可以对此有所了解吗?

javascript dom-events reactjs

61
推荐指数
6
解决办法
3万
查看次数

如何重置ReactJS文件输入

我有文件上传输入:

<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做到这一点?

html5 file-upload reactjs

23
推荐指数
8
解决办法
3万
查看次数

如何通过另一个DOM触发INPUT FILE事件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点击事件?

非常感谢您的帮助.:-)

javascript reactjs

8
推荐指数
5
解决办法
9791
查看次数

标签 统计

reactjs ×3

javascript ×2

dom-events ×1

file-upload ×1

html5 ×1