Question

我正在使用FilePond库来处理我在React应用程序中上传的图片。

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

我要解决的问题是我想禁用组件中的“提交表单”按钮，直到所有图像上传完毕。

当我阅读documentation时，有一个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>

Answer 1

我认为您可以使用onprocessfiles回调，它在FilePond内部的所有文件都已处理后才运行。 https://pqina.nl/filepond/docs/patterns/api/filepond-instance/#callbacks

反应FilePond FileStatus枚举

1 个答案: