File uploader with preview and drag-and-drop

[nvegater]

Would be awesome to have an input component tu upload files.

Some suggestions from this tutorial: https://dev.to/chandrapantachhetri/responsive-react-file-upload-component-with-drag-and-drop-4ef8

https://res.cloudinary.com/practicaldev/image/fetch/s--_vCbFM7V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/028yeaiio875k7r4mv5t.png

• drag and drop without using any libraries
• displaying image preview for image files
• displaying file size & name
• removing files in the "To Upload" section
• preventing user from uploading files bigger than a specified size

[unsphere]

or like from Shopify Polaris Drop zone component: https://polaris.shopify.com/components/actions/drop-zone