/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 vote227 views1 answer
Relative width and height image react native
Javascript React
1 vote262 views1 answer
Reactjs get checkbox value
Javascript React
11 votes210 views2 answers
React router refreshes page
Javascript React
2 votes251 views4 answers
Update react
Javascript React
0 vote208 views1 answer
Syntax for srcset in react
Javascript React
5 votes307 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote232 views1 answer
How to upload react js project on server
Javascript React
1 vote208 views1 answer
How to call create react app
Javascript React
0 vote213 views1 answer
React native clear route params
Javascript React
0 vote249 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React