/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

0 vote225 views1 answer
Highcharts react hide data point dots
Javascript React
3 votes214 views1 answer
React cloud foundry nginx 404
Javascript React
0 vote212 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote242 views1 answer
One component overlapping on other in react.js app
Javascript React
3 votes222 views1 answer
React native nox emulator
Javascript React
7 votes263 views3 answers
Conditional style prop react
Javascript React
1 vote235 views1 answer
Can't type in react input text field
Javascript React
18 votes250 views2 answers
Store data in localstorage react
Javascript React
0 vote232 views1 answer
React clear input after button click
Javascript React
0 vote215 views1 answer
Angular reactive form remove validation
Javascript React