/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 vote366 views2 answers
Barcode scanner react js
Javascript React
0 vote382 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
2 votes398 views3 answers
How to get current date in react js
Javascript React
8 votes348 views3 answers
Disable eslint for react project
Javascript React
0 vote316 views1 answer
React native change image color
Javascript React
0 vote391 views1 answer
Take site to top after clicking in react
Javascript React
0 vote362 views1 answer
How to declare a variable in react
Javascript React
2 votes370 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
5 votes365 views1 answer
Laravel react
Javascript React
-1 vote364 views5 answers
Context Api in react
Javascript React