Uppy

  • featuring drag-and-drop functionality and progress tracking. It streamlines the development of robust file handling features with customizable UI elements and extensive configuration options. For more details
  • Installation
    npm i react-dropzone-uploader
    Script
    import Dropzone from "react-dropzone-uploader"
    import 'next-dropzone-uploader/dist/styles.css'
    
    const Uppy = () => {
        const handleSubmit = (files, allFiles) => {
            allFiles.forEach(f => f.remove());
        };
    
        return (
                <Dropzone
                    inputContent={"Drop files here or browse files"}
                    inputWithFilesContent={"Add more"}
                    submitButtonContent={"Save"}
                    onSubmit={handleSubmit}
                />
            )
        }