/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 vote135 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote174 views1 answer
How to add a useState in react Js
Javascript React
2 votes127 views1 answer
React onclick type
Javascript React
17 votes135 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
Javascript React
23 votes191 views2 answers
Reactjs app change port
Javascript React
0 vote134 views1 answer
Option component in react js errors
Javascript React
0 vote137 views1 answer
React useState vs variable
Javascript React
0 vote141 views1 answer
How to clear text ibput after message sent react native
Javascript React
0 vote147 views1 answer
React native style variable
Javascript React
-1 vote140 views1 answer
React check if browser is in dark mode
Javascript React