/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 vote391 views1 answer
Get position of element in react
Javascript React
0 vote369 views2 answers
React import image with url
Javascript React
11 votes442 views4 answers
React native text underline
Javascript React
2 votes433 views1 answer
Dynamic import in reactjs
Javascript React
0 vote421 views1 answer
React native tdd emzyme
Javascript React
0 vote379 views1 answer
Location maps react native
Javascript React
0 vote426 views1 answer
React Redux component getById crud exemple
Javascript React
0 vote360 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote351 views1 answer
Import pdfmake in react
Javascript React
1 vote394 views1 answer
Reactjs change window name
Javascript React