/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 vote270 views1 answer
Javascript ReactDOM.render
Javascript React
1 vote269 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote261 views1 answer
Text decoration react native
Javascript React
29 votes247 views3 answers
Creating react app using npx
Javascript React
0 vote288 views1 answer
Text input placeholder font family react native
Javascript React
0 vote287 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
3 votes280 views2 answers
React usestate functional update
Javascript React
0 vote272 views1 answer
React native scrollview in modal
Javascript React
0 vote272 views1 answer
React string to integer
Javascript React
15 votes241 views6 answers
Axios react
Javascript React