/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 votes181 views1 answer
React not getting img by src
Javascript React
1 vote201 views2 answers
Adding more than one class react
Javascript React
0 vote205 views1 answer
Card react native
Javascript React
5 votes217 views1 answer
Wrap text react native
Javascript React
1 vote195 views1 answer
React-router-dom v6 redirect
Javascript React
0 vote197 views1 answer
React clone element
Javascript React
1 vote226 views1 answer
React redux wait for props
Javascript React
0 vote201 views1 answer
Double click react
Javascript React
0 vote198 views1 answer
React map gl
Javascript React
0 vote201 views1 answer
Decrease touchableopacity in react native
Javascript React