Ds-react-input-file NPM

ds-react-input-file

React component to handle file uploads with drag and drop support.
This is an in-progress project that will grow with my needs, but if you have any sugestions or requests I'm listening.:wink:

Live demo with samples

Usage

import React, { Component } from 'react';
import InputFile from 'ds-react-input-file';

class App extends Component {
  render() {
    return (
        <InputFile onComplete={result => console.log(result)} />
    );
  }
}

API

Attribute	Type	Behavior	Default	Mandatory
children	`React Element`	Gets drawn instead of the default button view	`undefined`	`false`
onComplete	`Function`	Called with `Any` when upload completes	-	`true`
onProgress	`Function`	Called with `Object` when upload status changes (Shape == { porcentage:`Integer`, bits:`Integer` })	-	`false`
onError	`Function`	Called with `Error` when fail	`(err) => { // hande error }`	`false`
multiple	`Boolean`	Allows multi-selection and forces `onComplete` to return an `Array`	`false`	`false`
noDrop	`Boolean`	Disables drag and drop support	`false`	`false`
noClick	`Boolean`	Disables click support	`false`	`false`
readAs	`Enum['TEXT', 'DATA_URL', 'BINARY_STRING', 'ARRAY_BUFFER', 'NO_READ']`	Sets the read mode of FileReader. `NO_READ` returns raw input.	'TEXT'	`false`
output	`Enum['JSON']`	Formats the result	-	`false`
accept	`ACCEPT helpers, extension name or mime-type`	Limits input types. For ACCEPT helpers see Live demo with samples	-	`false`