/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 vote143 views1 answer
React Movies
Javascript React
0 vote147 views1 answer
Add active class to button onclick react
Javascript React
0 vote138 views1 answer
React infinte scroll
Javascript React
2 votes179 views2 answers
Set delay react native
Javascript React
0 vote152 views3 answers
React native clear cach
Javascript React
0 vote148 views1 answer
React file preview
Javascript React
2 votes147 views2 answers
Prevent a page from refreshing in react
Javascript React
1 vote133 views1 answer
React jsx style with calc
Javascript React
0 vote144 views1 answer
Fetchutils in react admin
Javascript React
64 votes139 views4 answers
How to install react-router-dom in react js
Javascript React