/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 vote211 views2 answers
Undo npm run eject react
Javascript React
0 vote291 views1 answer
Smooth scroll react
Javascript React
0 vote200 views1 answer
Npx code for src folder in react js
Javascript React
0 vote188 views1 answer
React i18n outside component
Javascript React
1 vote192 views1 answer
React js console log not working
Javascript React
0 vote186 views1 answer
React native length of object
Javascript React
0 vote227 views2 answers
How to sent react from data in mongodb
Javascript React
0 vote257 views1 answer
React native firebase
Javascript React
1 vote232 views1 answer
React native paper text input
Javascript React
22 votes219 views4 answers
Reactjs copytoclipboard box
Javascript React