0

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

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

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

当我阅读文档时，有一个关于 que 中的文件数量和其他相关信息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>
4

1 回答 1

1

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

于 2019-11-01T06:53:23.763 回答