How to get updated meta.percent that comes from fileWithMeta?

[humbertocruz]

How to update meta.percent that comes from fileWithMeta? I building a custom progress.

onChangeStatus is called on "uploading" and stops until "done", meas 0% and 100%

Thanks

[virginiadewangga]

Hay, this is how I do it. Hope its help

const Standard = () => {

  const [_updatePreview, setUpdatePreview] = useState<any>({})

  const getUploadParams: IDropzoneProps['getUploadParams'] = () => {
    return { url: 'https://httpbin.org/post' }
  }

  const handleChangeStatus: IDropzoneProps['onChangeStatus'] = (file, status, allFiles) => {
    if (file.xhr) {
      file.xhr.upload.onprogress = function (e) {
        setUpdatePreview({
          total: e.total,
          loaded: e.loaded,
        })
      }
    }
    setUpdatePreview(status);
  }

  const handleSubmit: IDropzoneProps['onSubmit'] = (files, allFiles) => {
    console.log(files.map(f => f.meta))
    allFiles.forEach(f => f.remove())
  }

  return (
    <Dropzone
      getUploadParams={getUploadParams}
      onChangeStatus={handleChangeStatus}
      onSubmit={handleSubmit}
      styles={{ dropzone: { minHeight: 200, maxHeight: 250 } }}
    />
  )
}