/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 vote159 views1 answer
Add pdf in react app
Javascript React
23 votes176 views2 answers
Create-react-app npm yarn
Javascript React
0 vote140 views1 answer
React-i18next
Javascript React
1 vote152 views1 answer
Remove underline from hyperlink react
Javascript React
3 votes150 views1 answer
React native run on device command line
Javascript React
15 votes132 views2 answers
React native location
Javascript React
0 vote148 views1 answer
React native gridient button
Javascript React
0 vote142 views1 answer
Dark mode with react hooks
Javascript React
0 vote184 views1 answer
React router nested routes active
Javascript React
0 vote149 views1 answer
Use navigate in class component react native
Javascript React