/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 vote355 views1 answer
React native making bigger hitbox
Javascript React
0 vote353 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote344 views1 answer
Changing map style react-leaflet
Javascript React
4 votes336 views2 answers
Onitemclick react
Javascript React
0 vote367 views5 answers
How to use paystack with react
Javascript React
0 vote374 views1 answer
What is react headroom
Javascript React
6 votes363 views1 answer
React hooks scss supoort
Javascript React
3 votes309 views2 answers
React api call
Javascript React
13 votes270 views1 answer
ReactDOM is not defined
Javascript React
0 vote319 views1 answer
Nested ternaries react
Javascript React