/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

6 votes323 views1 answer
Create bottom navigation bar react native
Javascript React
1 vote351 views1 answer
Reactnode prop-types
Javascript React
2 votes340 views2 answers
Run react native app in production mode
Javascript React
2 votes352 views2 answers
React native asign width to image
Javascript React
0 vote379 views1 answer
Missing script: "start" react
Javascript React
0 vote363 views1 answer
Coreui react change background color
Javascript React
0 vote323 views1 answer
React download file from express res.download
Javascript React
0 vote307 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
0 vote304 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
0 vote605 views5 answers
Prototype react
Javascript React