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 |