/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 vote161 views3 answers
Link react router dom
Javascript React
1 vote154 views1 answer
React js console log not working
Javascript React
0 vote162 views1 answer
React native map not loading
Javascript React
0 vote147 views1 answer
How to reload webview in react native
Javascript React
4 votes138 views2 answers
React countdown timer
Javascript React
0 vote169 views1 answer
Which algorithm React is used to compare dom?
Javascript React
4 votes156 views4 answers
React background gradient
Javascript React
4 votes139 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
2 votes162 views1 answer
React native apk bundle
Javascript React
0 vote152 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React