/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 vote148 views1 answer
How to declare a variable in react
Javascript React
0 vote176 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
1 vote156 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
1 vote129 views2 answers
Send an email react native
Javascript React
18 votes130 views2 answers
How to import background image in inline css in react
Javascript React
1 vote130 views1 answer
How to store array into react-native local storage
Javascript React
0 vote130 views1 answer
Refresh page by hand in react
Javascript React
0 vote129 views1 answer
Returned data has p tags react
Javascript React
93 votes114 views6 answers
React router dom install
Javascript React
3 votes123 views1 answer
Navigation react pass props
Javascript React