Try out the demo
yarn add react-magic-dropzone
or:
npm install --save react-magic-dropzone
Import MagicDropzone
in your React component:
import MagicDropzone from 'react-magic-dropzone'
onDrop = (accepted, rejected, links) => {
// Have fun
}
<MagicDropzone
accept="image/jpeg, image/png, .jpg, .jpeg, .png"
onDrop={this.onDrop}
>
Drop some files on me!
</MagicDropzone>
MIT