/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

3 votes413 views1 answer
React get method
Javascript React
0 vote365 views1 answer
React component will mount new method
Javascript React
23 votes437 views3 answers
React save to local storage
Javascript React
1 vote382 views1 answer
React navigation asyncstorage install
Javascript React
0 vote391 views1 answer
React native navigation remove top header screen
Javascript React
1 vote390 views1 answer
React native slow performance after load iamges
Javascript React
0 vote403 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote390 views1 answer
React native map not loading
Javascript React
9 votes402 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
29 votes384 views6 answers
React background image
Javascript React