如何在ReactJS中提交后清空dropzone模式?

时间:2017-07-17 09:33:40

标签: javascript reactjs dropzone.js react-dropzone

我想知道如何将dropzone中的文件保存在服务器和数据库中之后将其清空?我的问题是,当我提交它时,维护dropzone上的文件,甚至关闭模态。我希望我能提供一个关于清空dropzone的代码,但我不知道,所以我将保留dropzone和onsubmit的代码。

onsbumit的代码

onSubmit() {
        debugger
        form.Status=0;
        form.isActive=true;
        return(form.Key > 0 ? this.creater : this.creater).call(this, form);
        return false;
}

ondrop的代码

onDrop(acceptedFiles, e) {
        debugger
        console.log('Received files: ', acceptedFiles);
        this.setState({files: acceptedFiles});      
        const req = request.post('http://localhost:8933/api/upload/post');
        acceptedFiles.forEach(file => {
            req.attach(thisUuid , file);
        });
         req.end(callback);
    } 

1 个答案:

答案 0 :(得分:0)

Dropzone有一个方法removeAllFiles,它删除当前在dropzone实例中的所有文件(用法类似于Dropzone.removeAllFiles())。

您希望在完成将文件上传到服务器后调用回调。

您可能也对如何删除文件的this教程感兴趣。