Reactjs 反应JS文件上传

Reactjs 反应JS文件上传,reactjs,Reactjs,我正在尝试使用reactjs上传一个文件。我没有得到正确的日志。在上传之前,我想查看输出。但是没有得到结果 这是我试过的 state = { selectedFile: null } fileChangedHandler = event => { this.setState({ selectedFile: event.target.files[0] }) console.log(this.state.selectedFile) } upl

我正在尝试使用reactjs上传一个文件。我没有得到正确的日志。在上传之前,我想查看输出。但是没有得到结果

这是我试过的

state = {
    selectedFile: null
}

fileChangedHandler = event => {
    this.setState({
        selectedFile: event.target.files[0]
    })
    console.log(this.state.selectedFile) 
}
uploadHandler = () => {
    const formData = new FormData()
    var fd = formData.append("data", this.state.selectedFile, this.state.selectedFile.name)
    console.log(fd)

}

render() {
    return (
        <div>
            <input type="file" onChange={this.fileChangedHandler} />
            <button onClick={this.uploadHandler}>Upload!</button>
        </div>
    );
}
状态={
selectedFile:空
}
fileChangedHandler=事件=>{
这是我的国家({
selectedFile:event.target.files[0]
})
console.log(this.state.selectedFile)
}
uploadHandler=()=>{
const formData=new formData()
var fd=formData.append(“数据”,this.state.selectedFile,this.state.selectedFile.name)
console.log(fd)
}
render(){
返回(
上传!
);
}

试试这个

//创建FormData对象
var formData=new formData();
formData.append('key1','value1');//测试数据
formData.append('key2','value2');//测试数据
//显示键/值对数组
for(formData.entries()的var对){
控制台日志(对);
}