/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 vote80 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
5 votes115 views1 answer
Import react dom
Javascript React
7 votes125 views1 answer
The path argument must be of type string. received undefined react
Javascript React
0 vote164 views1 answer
How to make back button react
Javascript React
2 votes133 views2 answers
Get value of Autocomplete react
Javascript React
0 vote121 views1 answer
React time input
Javascript React
0 vote131 views1 answer
Displaying the date react
Javascript React
0 vote186 views1 answer
Difference in push and navigate in react Navigation
Javascript React
0 vote162 views1 answer
Find in array and return true or false react js
Javascript React
0 vote128 views1 answer
React native typescript nodejs timeout
Javascript React