/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 vote143 views1 answer
React router cannot read location of undefined
Javascript React
18 votes162 views3 answers
Add material ui to react
Javascript React
0 vote159 views1 answer
React native override style
Javascript React
-2 votes225 views1 answer
Redux template create react app
Javascript React
0 vote148 views1 answer
Javascript Binding Example With React
Javascript React
0 vote142 views1 answer
React catch error in component
Javascript React
0 vote200 views1 answer
React avoid spreading non-dom props across component
Javascript React
1 vote137 views1 answer
React native cover image
Javascript React
6 votes144 views2 answers
Google sign up react npm
Javascript React
10 votes148 views2 answers
React-native text overflow ellipsis
Javascript React