/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 vote130 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
0 vote130 views1 answer
React native no android sdk found
Javascript React
1 vote120 views1 answer
Implementating step component in react
Javascript React
0 vote120 views1 answer
Enzynme not support react 17
Javascript React
4 votes119 views1 answer
Import all images from folder reactjs
Javascript React
71 votes163 views5 answers
Css react
Javascript React
0 vote140 views1 answer
React hooks, react custom hooks
Javascript React
1 vote129 views1 answer
Sort function in react js
Javascript React
0 vote124 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote136 views1 answer
What was the reaction of others bostonh tea party
Javascript React