/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

1 vote186 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote204 views1 answer
Different ways to write react file paths
Javascript React
0 vote204 views1 answer
Textalignvertical not working in ios react native
Javascript React
4 votes199 views2 answers
Get request react
Javascript React
1 vote189 views1 answer
Programmatic title react
Javascript React
0 vote187 views1 answer
React native elements bottom sheet close on back button press
Javascript React
6 votes184 views4 answers
Add items to a react array in hooks
Javascript React
0 vote189 views1 answer
React native dynamic style
Javascript React
0 vote187 views1 answer
Owl carousel for react
Javascript React
0 vote181 views1 answer
Dynamic useState in react
Javascript React