rc-upload-s3

---

React Upload S3

Usage

var Upload = require('rc-upload-s3');
var React = require('react');
var AWS = require('aws-sdk');
// use a valid credentials object from aws-sdk
var credentials = new AWS.CognitoIdentityCredentials({
  IdentityPoolId: '<identityPoolId>',
  IdentityId: '<IdentityId>',
  Logins: { 'cognito-identity.amazonaws.com': '<Token>' }
});
var s3params = {Metadata: { uploader: 'react-upload-s3' }}; // tag upload files with uploader used
React.render(<Upload action="bucketName" credentials={credentials} params={s3params} />, container);

API

props

name	type	default	description
name	string	file	file param post to server
style	object	{}	root component inline style
className	string	-	root component className
disabled	boolean	false	whether disabled
component	"div"	"span"	"span"
supportServerRender	boolean	false	whether to support server render
onReady	function		only call when supportServerRender is true, upload is rendered completely
action	string		from action url
data	object/function(file)		other data object to post or a function which returns a data object
headers	object	{}	http headers to post, available in modern browsers
accept	string		input accept attribute
multiple	boolean	false	only support ie10+
onStart	function		start upload file
onError	function		error callback
onSuccess	function		success callback
onProgress	function		progress callback, only for modern browsers
beforeUpload	function	null	before upload check, return false or a rejected Promise will stop upload, only for modern browsers
customRequest	function	null	provide an override for the default xhr behavior for additional customization
credentials	object/function	null	should resolve to AWS credential see aws-sdk docs
params	object	null	params passed to AWS.S3({params: params}) see available param options
withCredentials	boolean	false	ajax upload with cookie send