/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 vote163 views2 answers
Await fetch in react
Javascript React
0 vote152 views1 answer
Mdn react
Javascript React
2 votes168 views1 answer
React native open email client
Javascript React
24 votes154 views6 answers
React map
Javascript React
1 vote177 views1 answer
How to install react fullpage using npm
Javascript React
112 votes200 views5 answers
Command to create react app
Javascript React
8 votes158 views2 answers
Install material icons for react
Javascript React
0 vote178 views1 answer
Comment creer des switch en react js
Javascript React
0 vote169 views1 answer
How to remove an object from array in react native
Javascript React
0 vote157 views1 answer
How to reset ReactJS file input
Javascript React