/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

16 votes110 views3 answers
Loop in react depending on number
Javascript React
105 votes142 views1 answer
React simbu
Javascript React
0 vote123 views6 answers
React slick
Javascript React
5 votes128 views6 answers
Box shadow in react native
Javascript React
1 vote115 views1 answer
How to create round image in react native
Javascript React
0 vote121 views1 answer
Publish reactjs package to gitlab repository
Javascript React
0 vote120 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote117 views1 answer
React native charts style gradiant
Javascript React
0 vote113 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote113 views2 answers
Automated counter with react hooks
Javascript React