/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

1 vote325 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
16 votes230 views6 answers
Usestate in react
Javascript React
2 votes282 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote275 views1 answer
Random picture position in react
Javascript React
-1 vote249 views2 answers
For loop in react native
Javascript React
1 vote245 views1 answer
React js component parameters
Javascript React
0 vote260 views1 answer
React native cors origin
Javascript React
7 votes265 views2 answers
Align text into center of container react native
Javascript React
1 vote265 views1 answer
React native slow performance after load iamges
Javascript React
16 votes194 views1 answer
How to insern an image in react
Javascript React