/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

5 votes178 views2 answers
Import fa icons react
Javascript React
0 vote153 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React
0 vote226 views1 answer
Uuid react native expo
Javascript React
0 vote151 views1 answer
Install aos in react
Javascript React
0 vote155 views1 answer
Js map vs react js map
Javascript React
1 vote158 views1 answer
How to define state in react function
Javascript React
0 vote157 views1 answer
Run react android
Javascript React
0 vote154 views1 answer
React js child css
Javascript React
13 votes152 views1 answer
React post request
Javascript React
0 vote141 views1 answer
Failed to construct image react-native
Javascript React