/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

3 votes202 views1 answer
React router dom current path hook
Javascript React
0 vote259 views1 answer
Input type disappear side scroll react
Javascript React
0 vote195 views1 answer
Remove stack header bottom line react native
Javascript React
1 vote195 views1 answer
React why onclick property function trigger without click
Javascript React
5 votes207 views2 answers
Get url query in react
Javascript React
0 vote175 views1 answer
Open xcode shorthand react native
Javascript React
2 votes206 views1 answer
How to make react router Link active
Javascript React
0 vote169 views4 answers
React prototype function
Javascript React
3 votes345 views3 answers
Center horizontally react native
Javascript React
0 vote279 views1 answer
React-chartjs-2
Javascript React