@amodv/react-file-uploader

File uploader with drag and drop functionality using HTML 5 and ReactJs

Install

npm install --save @amodv/react-file-uploader

Usage

import React, { Component } from "react";

import FileUploader from "@amodv/react-file-uploader";
import "@amodv/react-file-uploader/dist/index.css";

class ExampleComponent extends Component {
  render() {
    // pass all requied props
    return <FileUploader {...props} />;
  }
}

Props

props	description	required	default value
information	add the information text within the box(droppable area)	true
fileType	allowed files to be uploaded	true	image/*
multiple	allow multiple files to be uploaded	true	true
buttonLabel	set your button label	true	Select many files
IconComponent	A react component which will be rendered within the droppable area. Example- any could image within span tag	false
enablePreview	if enabled preview will be shown	false
enableProgress	if enabled it will show the progress bar. Note: Currently not supported	false
removeIconClass	you can pass your own class name for close icon. Ex. font-awesome	true
existingFiles	Array type which will be passed as a prop, if enablePreview is set to true then preview will be rendered from existingFiles array.	true
onUploadFinish	A function which will update the parent component by passing Array.	true
onFileDelete	A function which updates parent which file is deleted from the preview	true

License

MIT © Amod Vardhan