/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 vote273 views1 answer
Circle button react native
Javascript React
22 votes345 views3 answers
How to use if else inside jsx in react
Javascript React
0 vote329 views1 answer
TrackPromise React
Javascript React
0 vote389 views1 answer
Missing script: "start" react
Javascript React
0 vote362 views1 answer
React router tutorial medium
Javascript React
0 vote319 views1 answer
Curved lines on google maps usint react
Javascript React
0 vote290 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote308 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote331 views1 answer
Sweper slider react
Javascript React
0 vote346 views1 answer
Get input value in react using hooks
Javascript React