/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

7 votes285 views2 answers
Pass props in react
Javascript React
4 votes234 views2 answers
React helmet
Javascript React
4 votes222 views2 answers
How to find out which version of React
Javascript React
0 vote213 views1 answer
React native passing params to nested navigators
Javascript React
0 vote210 views1 answer
TextField input font color React Material UI
Javascript React
0 vote198 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
19 votes224 views6 answers
React native build android apk
Javascript React
1 vote279 views1 answer
React native run ios select simulator
Javascript React
5 votes207 views1 answer
Wrap text react native
Javascript React
0 vote303 views1 answer
Install react hotjar
Javascript React