View on GitHub

React Resumable JS

A React component for upload files with Resumable JS

Download this project as a .zip file Download this project as a tar.gz file

React Resumable JS

Creates an uploader component in React, to use with Resumable JS.

NPM

CircleCI CircleCI

On file added, the upload will begin.

Changelog:

Install

npm i react-resumable-js

Options

Folders

Example

export default class ExampleForm extends React.Component {

  constructor(props) {
    super(props);
  }

  render() {

      return (
        <fieldset>
          <p>You can add other inputs, selects or stuff right here to complete a form.</p>
          <ReactResumableJs
            uploaderID="image-upload"
            dropTargetID="myDropTarget"
            filetypes={["jpg", "png"]}
            fileAccept="image/*"
            fileAddedMessage="Started!"
            completedMessage="Complete!"
            service="http://localhost:3000/upload"
            textLabel="Uploaded files"
            previousText="Drop to upload your media:"
            disableDragAndDrop={true}
            onFileSuccess={(file, message) => {
              console.log(file, message);
            }}
            onFileAdded={(file, resumable) => {
              resumable.upload();
            }}
          />
        </fieldset>
      );
    }
});

Demo

npm run demo