Cloud Capture Components

A set of react components to easily manage images with the cloud capture API. Check out some live examples here

Installation

Install with npm or yarn

NPM

npm i cloud-capture-components

Yarn

yarn add cloud-capture-components

Signing uploads

Uploads are made directly from the browser to your configured source. To obtain a signed payload for upload you need to call https://api.cloudcapture.io/{source_name}/upload/sign?apiKey=1234 securely from your own server.

Upload Form

Use the upload form to easily upload one or many images to your configured source.

Component

<UploadForm
  onRequestUpload={() => {
    // Within your own server call https://api.cloudcapture.io/{source_name}/upload/sign?apiKey=1234
    return fetch('http://localhost:3000/get-signed-payload')
      .then(res => res.json())
      .then(res => res);
  }}
/>

Props

Prop	Type	Description
dropText	string	Text to display in dropzone
onRequestUpload *	() => Promise	Request for a signed payload
onUploadStart	() => void	Called when upload begins
onUploadEnd	() => Entries	Called when upload ends