/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 vote393 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote190 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
0 vote229 views1 answer
What was the reaction of others bostonh tea party
Javascript React
4 votes261 views2 answers
React multiple select dropdown
Javascript React
25 votes300 views5 answers
Image react
Javascript React
2 votes237 views2 answers
Chrome back button click event react
Javascript React
0 vote193 views1 answer
Shallow render in react
Javascript React
0 vote289 views1 answer
React native application architecture
Javascript React
0 vote223 views1 answer
React Movies
Javascript React
2 votes198 views2 answers
React native scrollview detect end
Javascript React