/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

14 votes345 views3 answers
Cannot resolve react-router-dom
Javascript React
9 votes345 views6 answers
How to check react version
Javascript React
6 votes424 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote369 views1 answer
React Fractional rating
Javascript React
0 vote354 views1 answer
React bootstrap make col disapear in small screens
Javascript React
0 vote374 views1 answer
Custom hook for unique items in react
Javascript React
0 vote356 views1 answer
Mat slider in a reactve form
Javascript React
0 vote352 views1 answer
React keydown event listener
Javascript React
10 votes340 views2 answers
React text input onchange
Javascript React
0 vote364 views1 answer
Reactnaviataion change title
Javascript React