/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

2 votes172 views2 answers
Get value of Autocomplete react
Javascript React
0 vote168 views1 answer
How we can set react select required
Javascript React
0 vote165 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote196 views1 answer
Activez la compression de texte react js
Javascript React
0 vote171 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
1 vote170 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote165 views1 answer
Comming soon page in react
Javascript React
6 votes154 views1 answer
Remove yellow warning react native emulator
Javascript React
3 votes155 views2 answers
React-native android build apk
Javascript React
3 votes180 views3 answers
Multiple styles in react native
Javascript React