/Javascript/React/Get image url in react input file or preview form image

Get image url in react input file or preview form image

getInitialState: function(){
  return{file: []}
}

_onChange: (event)=>{
    this.setState({
        imgs: event.target.files
    })
},

render: function(){
 return(
  <div>
    <form>
      <input 
        ref="file" 
        type="file" 
        name="user[image]" 
        multiple="true"
        onChange={this._onChange}/>
    </form>

    {/* Display all selected images. */}        
    {this.state.imgs && [...this.state.imgs].map((file)=>(
       <img src={URL.createObjectURL(file)} />
    ))}

  </div>
 )
}

Source: stackoverflow.com

Similar codes

0 vote316 views1 answer
Qr code generator in react native
Javascript React
0 vote314 views1 answer
React detect autofill
Javascript React
0 vote326 views1 answer
React js date ago
Javascript React
24 votes308 views6 answers
Box shadow react native
Javascript React
0 vote324 views1 answer
Remove duplicate value from map react js
Javascript React
1 vote352 views1 answer
React native paper text input
Javascript React
1 vote330 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
0 vote290 views1 answer
React import json
Javascript React
0 vote317 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
1 vote292 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React