/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

2 votes198 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote266 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote210 views1 answer
React native updating options with setoptions
Javascript React
20 votes205 views6 answers
Build apk react native
Javascript React
3 votes201 views1 answer
React prop ytpes
Javascript React
1 vote209 views2 answers
Open websute react native
Javascript React
-1 vote192 views1 answer
Image component doesn't show image from url react native
Javascript React
7 votes216 views6 answers
Prop types in react
Javascript React
0 vote189 views1 answer
React Native - Trigger Media Scanner
Javascript React
1 vote203 views1 answer
Get value of input element on button click react
Javascript React