/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 vote419 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
7 votes355 views1 answer
React native hide scroll indicator
Javascript React
1 vote367 views1 answer
React native could not get batchedbridge
Javascript React
136 votes514 views6 answers
Create a react app
Javascript React
1 vote416 views2 answers
Open websute react native
Javascript React
-1 vote377 views1 answer
React native toggle button with text
Javascript React
6 votes360 views3 answers
React native vector icons not showing
Javascript React
0 vote414 views2 answers
How to sent react from data in mongodb
Javascript React
1 vote424 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote356 views1 answer
Flatpicker not focusing in modal React
Javascript React