/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 vote359 views2 answers
React composition
Javascript React
0 vote383 views4 answers
Reactnative sliding image
Javascript React
0 vote396 views1 answer
Button size react native
Javascript React
1 vote373 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
0 vote332 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
-1 vote370 views3 answers
Divider in react native
Javascript React
1 vote395 views1 answer
For loop value index react
Javascript React
0 vote401 views1 answer
React if event.target is input
Javascript React
1 vote362 views2 answers
React state not updating immediately
Javascript React
0 vote357 views1 answer
React enzyme
Javascript React