Реагировать FilePond FileStatus Enum - PullRequest
Новая
       11

Реагировать FilePond FileStatus Enum

0 голосов
/ 31 октября 2019

Я использую библиотеку FilePond для обработки загрузок моих изображений в приложении React.

У меня есть мультизагрузочный экземпляр FilePond, содержащий максимум 10 файлов внутри компонента, который загружаетфайлы во временную папку и возвращают временный идентификатор для каждого файла при загрузке.

Проблема, которую я пытаюсь решить, заключается в том, что я хочу отключить кнопку отправки формы из компонента, пока все изображения не будут загружены.

Когда я читаю документацию , есть FileStatusEnum, в котором есть некоторая статистика о количестве файлов в очереди PROCESSING_QUEUED и другая соответствующая информация

Я хочу знатькак я могу получить к нему доступ, чтобы создать на его основе логику

Ниже приведен экземпляр FilePond 

<FilePond
  allowMultiple
  maxFiles={maxFiles}
  acceptedFileTypes={["image/*"]}
  imageTransformOutputMimeType="image/png"
  imageTransformOutputQuality={100}
  server={{
    process: handleProcess,
    revert: handleRevert
  }}
  required={required}
  onupdatefiles={fileItems => {
    setFiles(fileItems.map(fileItem => fileItem.file));
  }}
>
  {files.map(file => (
    <File key={file} src={file} origin="local" />
  ))}
</FilePond>

1 Ответ

1 голос
/ 01 ноября 2019

Я думаю, что вы можете использовать обратный вызов onprocessfiles, он запускается, когда все файлы внутри FilePond были обработаны. https://pqina.nl/filepond/docs/patterns/api/filepond-instance/#callbacks

...