/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

1 vote253 views1 answer
How to create a button with react
Javascript React
0 vote252 views1 answer
Route guards in react
Javascript React
0 vote250 views1 answer
React content loader
Javascript React
0 vote240 views1 answer
Options not working properly in reactjs
Javascript React
0 vote237 views1 answer
Tailwind intenseness react
Javascript React
0 vote251 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
1 vote240 views1 answer
How to position View absolute react native
Javascript React
66 votes225 views4 answers
How to redirect to a website in react
Javascript React
0 vote253 views1 answer
Unexpected token useeffect react native
Javascript React
1 vote242 views1 answer
How to test useEffect in react testing library
Javascript React