/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 vote237 views1 answer
React native length of object
Javascript React
0 vote275 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote184 views1 answer
Create react element with string
Javascript React
9 votes231 views2 answers
How to redirect react router from the app components
Javascript React
0 vote241 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
0 vote225 views1 answer
React open a link to an outside siite
Javascript React
0 vote248 views1 answer
React native header height
Javascript React
15 votes247 views3 answers
Image react native
Javascript React
133 votes340 views6 answers
Create react project
Javascript React
1 vote261 views1 answer
React native textinput not show cursor
Javascript React