上传文件后如何清除React Dropzone组件中的Dropzone?

时间:2019-02-13 13:43:26

标签: reactjs react-dropzone

文件上传后,我需要销毁dropzone组件,无法获取dropzone对象以应用dropzone.destroy()方法。

1 个答案:

答案 0 :(得分:0)

要清除放置区,我们需要获取放置区对象并使用dropzone.destroy()方法。我们首先需要在完整组件外部初始化一个变量,如下所示:

var myDropzone;

要获取dropzone对象,我们需要使用dropzone的init事件,该事件为我们提供了dropzone对象,如下所示:

initCallback (dropzone) {
        myDropzone = dropzone;
        console.log("dropzone"+myDropzone);
    }
const eventHandlers = {
            addedfile: this.onDrop.bind(this),
            removedfile: this.removeFile.bind(this),
            init: this.initCallback.bind(this)
    }

然后,我们可以像这样完成上传后调用dropzone.destroy()方法:

myDropzone.destroy();

这会将我们的文件数组重置为[],并且还将文件从视图中删除。