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库中可用（在REACT中受支持，这里是link）。它使您能够构建DropZone，ProgressBar，Chunking，Retry等。它也有据可查。

分块上传与react-dropzone

1 个答案: