反应 FilePond FileStatus 枚举答案

【问题标题】：React FilePond FileStatus Enum反应 FilePond FileStatus 枚举
【发布时间】：2019-11-01 14:53:23
【问题描述】：

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

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

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

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

【问题讨论】：

标签： reactjs filepond

【解决方案1】：

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

【讨论】：

我在<FilePond> 的onupdatefiles 之后添加了onprocessfiles={() => console.log('done')}，但似乎什么也没发生
玩了一段时间后，我发现在生产服务器上它可以工作，但在开发时却不行，你知道为什么会发生这种情况吗？
文件真的上传到 dev 上了吗？
是的，post 响应和生产一样，一样的状态码和一切
那我真的不知道。我会检查控制台和网络选项卡，看看每个请求是否完全相同。