/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 vote194 views1 answer
Can't type in react input text field
Javascript React
1 vote180 views1 answer
React router base url
Javascript React
91 votes394 views7 answers
React-router-dom
Javascript React
0 vote220 views1 answer
React bootstrap profile card
Javascript React
0 vote243 views1 answer
Create react expo
Javascript React
0 vote196 views1 answer
Auto refresh database in outsystems reactive
Javascript React
1 vote199 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote208 views1 answer
Storybook react
Javascript React
0 vote235 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote186 views1 answer
TrackPromise React
Javascript React