反应FilePond FileStatus Enum

Question

我正在使用FilePond库处理我的图片上传在一个反应应用程序。

我有一个多上传实例的FilePond，在一个组件中最多有10个文件，它将文件上传到一个临时位置，并返回每个文件onUpload的临时ID。

我试图解决的问题是，我希望禁用组件中的submit表单按钮，直到上传所有图像为止。

当我阅读文档时，有一个FileStatusEnum，它对que 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>

Answer 1

我认为您可以使用onprocessfiles回调，当FilePond中的所有文件都已被处理时，它就会运行。https://pqina.nl/filepond/docs/patterns/api/filepond-instance/#callbacks