/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

2 votes100 views5 answers
How to import in react js
Javascript React
0 vote108 views1 answer
Text input underline react native
Javascript React
0 vote98 views2 answers
React barcode scanner
Javascript React
0 vote103 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
0 vote103 views1 answer
Timeline material ui react native
Javascript React
0 vote126 views1 answer
React Fractional rating
Javascript React
1 vote105 views1 answer
React manifest.json 404 (not found)
Javascript React
0 vote126 views1 answer
Render object id in an array reactjs from database
Javascript React
0 vote91 views1 answer
React chart chart title
Javascript React
5 votes107 views3 answers
Open in a new tab react
Javascript React