Загрузить FileStack в React JS

Автор оригинала: Frederic Anand.

Вот как я интегрировал FileStack в реакции.

Шаг 1 Установите FileStack-React Module

NPM установить –save filestack-react

Подробнее об этом модуле … https://www.npmjs.com/package/filestack-react

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

Импорт {клиент} из «FileStack-React»;

Шаг3 Предоставить параметры настройки FileStack

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

Пожалуйста, обратитесь к этой ссылке для получения более подробной информации о параметрах Picker файла https://www.filestack.com/docs/Conepts/pickers/web/

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

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