Загрузка FileStack в React Js

Вот как я интегрировал Filestack в React.

Шаг 1
Установите модуль filestack-реакции

npm install —save filestack-реагировать

Подробнее об этом модуле…

Шаг 2
Предполагая, что у вас уже есть приложение React, над которым вы работаете, вам просто нужно установить пакеты и внедрить клиентский компонент.

импортировать {клиент} из ‘filestack-react’;

Шаг 3
Укажите параметры настройки стека файлов

const options = {
  accept: 'image/*',
  //fromSources: ['local_file_system'],
  maxSize: 1024 * 1024,
  maxFiles: 1,
  onFileUploadFinished: this.setcanvasBG
}

Пожалуйста, перейдите по этой ссылке для получения более подробной информации о параметрах выбора файлов.

Шаг 4
Инициализировать и вызвать средство выбора файлов с параметрами

const filestack_apikey = "*****"; //replace with your api key
const filestack = client.init(filestack_apikey, options);
const picker = filestack.picker(options);
picker.open();