/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 vote207 views1 answer
React native notifications error
Javascript React
0 vote206 views1 answer
Spining load react component
Javascript React
0 vote227 views1 answer
React native communicate with webview
Javascript React
0 vote241 views1 answer
Input type disappear side scroll react
Javascript React
0 vote195 views1 answer
Check scroll top height in react js
Javascript React
-1 vote207 views1 answer
Get height component react
Javascript React
1 vote199 views2 answers
This setstate previous state react
Javascript React
1 vote281 views1 answer
Rendering, reconciliation, committing in react
Javascript React
1 vote197 views3 answers
Window.innerHeight react js
Javascript React
0 vote211 views1 answer
Copy paste menu react native textinput disable
Javascript React