/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 vote386 views2 answers
React native navigation header Right
Javascript React
1 vote375 views1 answer
React js component parameters
Javascript React
5 votes384 views1 answer
React native import svg image
Javascript React
5 votes407 views1 answer
React-select
Javascript React
0 vote387 views1 answer
Reactjs events list
Javascript React
0 vote411 views1 answer
React check if mobile or desktop
Javascript React
0 vote451 views1 answer
How to get domain name in react
Javascript React
0 vote387 views1 answer
How to create module in react
Javascript React
0 vote458 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
-1 vote399 views1 answer
React check if browser is in dark mode
Javascript React