/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

2 votes257 views6 answers
React font-awesome
Javascript React
0 vote289 views1 answer
Camera roll react native
Javascript React
1 vote296 views1 answer
React scroll to bottom of div
Javascript React
0 vote293 views1 answer
React script syntax for deployment
Javascript React
0 vote333 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
32 votes290 views1 answer
React touter dom
Javascript React
1 vote315 views1 answer
React get input value on button click functional component
Javascript React
18 votes293 views6 answers
React native android build
Javascript React
0 vote278 views1 answer
React dropdown search bar
Javascript React
10 votes307 views2 answers
React-native text overflow ellipsis
Javascript React