/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

4 votes126 views3 answers
React link underline
Javascript React
-1 vote111 views1 answer
React_Weather_App
Javascript React
0 vote151 views1 answer
Get size of a View in React Native
Javascript React
0 vote87 views1 answer
How to enable emit on react in vs code
Javascript React
0 vote109 views1 answer
React native elements bottom sheet
Javascript React
0 vote184 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
11 votes109 views5 answers
React router refresh page
Javascript React
5 votes136 views4 answers
React route multiple components
Javascript React
0 vote102 views1 answer
How to create module in react
Javascript React
0 vote114 views4 answers
React tutorial for beginners
Javascript React