reactjs - 使用react-dropzone分块上传

Question

我想使用 React-Dropzone 上传分块文件。我有以下代码:

OnDrop:

const dropTest = async (file, rejectedFiles) => {
    var formData = new FormData();
    formData.append('file', file);
    try {
      const response = await fetch(appContext.api_url + 'ApiUser/fileUpload', {
        method: 'POST',
        body: formData
      })
      const result = await response.json();
    } catch (error) {
      console.error('Error:', error);
    }
}

渲染:

<Dropzone onDrop={dropTest} chunking={true}>
  {({getRootProps, getInputProps}) => (
      <section>
         <div {...getRootProps()}>
            <input {...getInputProps()} />
            <p>Drag 'n' drop some files here, or click to select files</p>
          </div>
      </section>
  )}
</Dropzone>

Dropzone 库有一个 api，名称为 {chunking: true}，但它不适用于 React-dropzone，我该如何归档它？

如果 React-Dropzone 无法实现，我可以获得有关 React 的另一种分块上传解决方案的建议。

Answer 1

据我所知，react-dropzone不支持分块。 这些功能可在 fineuploader 中找到。 librairie(它在 REACT 中受支持，这里是 link )。 它使您能够构建 DropZone、ProgressBar、Chunking、Retry 等。它也有详细记录。