/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 vote339 views1 answer
React router last page
Javascript React
0 vote333 views1 answer
React actions sintaxe
Javascript React
0 vote402 views2 answers
Enzyme-adapter-react-16
Javascript React
0 vote381 views2 answers
Alert react native
Javascript React
0 vote352 views1 answer
React image source showing object module
Javascript React
0 vote355 views1 answer
2.When will the validation functions be called in the react js
Javascript React
3 votes420 views3 answers
How to update react app
Javascript React
0 vote370 views1 answer
Relative width and height image react native
Javascript React
0 vote405 views1 answer
React-hook-form image
Javascript React
5 votes354 views4 answers
Export default react
Javascript React