/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 vote236 views1 answer
How to creacte react component
Javascript React
0 vote212 views1 answer
Reference hook in react
Javascript React
3 votes209 views2 answers
Get param is react
Javascript React
0 vote186 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote239 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote205 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
20 votes204 views4 answers
On enter key press react
Javascript React
0 vote228 views1 answer
React roter dom npm
Javascript React
5 votes215 views3 answers
React routes multiple compoenents
Javascript React
0 vote201 views1 answer
Drawer navigation set width react native
Javascript React