Question

Dropzone.options.imageFile = {
    url: HOST_NAME + USER_NAME + BUILDER_API +'image/',
    method: 'POST',
    // enter code here
    acceptedFiles: '.jpg, .jpeg, .png',
    paramName: "imagefile", // The name that will be used to transfer the file
    maxFilesize: 10, // MB
    //addRemoveLinks: true,
    maxFiles: 2,
    init: function() {
        this.on("success", function(file, response) {
            image_id = response.id;
            IMAGES.push(image_id);
            check_files();
        }),
        this.on("removedfile", function(file, response){
            data = JSON.parse(file.xhr.response);
            alert(data['id']);
        });
    },
};

完全重置dropzone需要做些什么？

Answer 1

不是100％肯定我理解了这个问题，但我认为你希望能够从原始状态重用dropzone实例。

从技术上讲，您想要拨打removeAllFiles()并删除所有文件。

以下是一个示例，向您展示如何使用一个按钮添加删除所有文件：Remove all files with one button

此外，还有其他人试图做你想要的同样的事情：Reset dropzone to Pristine state

Answer 2

这就是这个问题的答案，许多人喜欢在stackoverflow ...在非编程创建的dropzone（http://www.dropzonejs.com/#configuration）上删除AllFiles，你执行（使用OP＆＃39; s ID）：

问题在于，这并没有让好的＆＃34;在这里上传图像＆＃34;给我留言 - 只留下一个莫名其妙的白盒子 - 再一步修复它。

 var myDropzone = Dropzone.forElement("#imageFile");
 myDropzone.removeAllFiles();

这将显示原始消息。

Answer 3

我创建一个按钮并放入此代码。单击该按钮时，它是隐藏的，并且您的拖放区就像页面刷新一样。

$("#btn").click(function () {
    $('#btn').hide();
    $('.dropzone')[0].dropzone.files.forEach(function(file) {
        file.previewTemplate.remove();
    });

    $('.dropzone').removeClass('dz-started');
});

如何通过此代码重置dropzone？

3 个答案: