Choosen Image preview in react js

C# Corner

selvi jp

5y602React

Display the image in input file from db in at the same time if i change the choosen file then that image will preview

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Vaibhav Chauhan5y ago

Accepted answer

May be this can help you:

const React = require('react')
class Upload extends React.Component {
  constructor(props){
    super(props)
    this.state = {
      file: null
    }
    this.handleChange = this.handleChange.bind(this)
  }
  handleChange(event) {
    this.setState({
      file: URL.createObjectURL(event.target.files[0])
    })
  }
  render() {
    return (
      
        
        
      
    );
  }
}
module.exports = Upload

Reference:

https://medium.com/@650egor/react-30-day-challenge-day-2-image-upload-preview-2d534f8eaaa