/Javascript/React/Preview image before upload reactjs

Preview image before upload reactjs

state = {
  img: logo
}

handleChangeImage = e => {
  this.setState({[e.target.name]: URL.createObjectURL(e.target.files[0])})
}

<input type="file" id="img" name="img" accept="image/*" className="w-100" onChange={this.handleChangeImage}/>

<img src={this.state.img} alt="img"/>

Source: stackoverflow.com

Similar codes

4 votes176 views1 answer
How to creat emmet in react
Javascript React
0 vote139 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote190 views2 answers
Animation react
Javascript React
0 vote195 views1 answer
Popup react now ui
Javascript React
0 vote177 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
0 vote192 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
21 votes186 views6 answers
Elevation react native
Javascript React
2 votes183 views1 answer
How to make react router Link active
Javascript React
13 votes174 views1 answer
Round button corner right react native
Javascript React
0 vote174 views1 answer
Added font to react native
Javascript React