react-lite-uploader

Uploader plugin menu from Talk by teambition

Usage no npm install needed!

<script type="module">
  import reactLiteUploader from 'https://cdn.skypack.dev/react-lite-uploader';
</script>

README

React Lite Uploader

This project is no mature, do not use it in production!

Uploader component from Talk by Teambition.

Demo http://ui.talk.ai/react-lite-uploader

Based on the work of https://github.com/mailru/FileAPI

Supposition

Contains internal business logic defined at Talk by Teambition.

Usage

npm i --save react-lite-uploader

UploadButton = require('react-lite-uploader').Button
UploadArea = require('react-lite-uploader').Area
uploadUtil = require('react-lite-uploader').util

UploadButton, UploadArea: React Components

props:

  • url, string, server url to upload files, required
  • headers, object of headers, optional
  • accept, string of accepted types, seperated by commas like jpg,png, optional, defaults to ''
  • multiple, bool, optional, defaults to false
  • onFileHover, function to response to dragging files, optional(only used handling dropping files)
  • onCreate, function, optional
  • onProgress, function, optional
  • onSuccess, function, required
  • onError, function, required

Notice: UploadArea is not suggested due to the lack of flexibility, use uploadUtil instead.

uploadUtil: utilities to handle dropping and pasting
  • uploadUtil.handleFileDropping (event, props) ->
  • uploadUtil.handlePasteEvent (targetElement, props) ->
  • uploadUtil.onFilesLoad (files, props) ->

Remember to include react-lite-uploader/src/styles.css in you project.

Read page.coffee for details.

Develop

Based on Jianliao's project template:

https://github.com/teambition/coffee-webpack-starter

License

MIT