/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 vote366 views3 answers
Scrollview refresh react native
Javascript React
0 vote373 views1 answer
Close all function of react in vscode mac
Javascript React
105 votes422 views1 answer
Install and run react js project...
Javascript React
6 votes399 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote382 views1 answer
Get position of element in react
Javascript React
145 votes569 views6 answers
Add bootstrap to react
Javascript React
2 votes430 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote351 views1 answer
Toggle class onscroll hook react
Javascript React
0 vote362 views1 answer
Rendering an array in react
Javascript React
0 vote371 views1 answer
Deploy react to azure : web.config
Javascript React