/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 vote372 views1 answer
React event for modals
Javascript React
0 vote331 views1 answer
React native bootstrap
Javascript React
0 vote361 views1 answer
React router dom default params
Javascript React
0 vote406 views1 answer
React generate ethereum address
Javascript React
1 vote375 views1 answer
Reactjs get checkbox value
Javascript React
0 vote365 views1 answer
Jsx not working in react vscode
Javascript React
24 votes374 views5 answers
How to change port in react js
Javascript React
11 votes352 views5 answers
React router refresh page
Javascript React
2 votes360 views1 answer
Can't import react bootstrap
Javascript React
0 vote368 views1 answer
Add React Router to React Redux CRUD App
Javascript React