onclick 清除 dropzone 文件字段答案

【问题标题】：onclick clear dropzone file fieldonclick 清除 dropzone 文件字段
【发布时间】：2015-11-30 04:09:29
【问题描述】：

我正在使用dropzonejs。我的HTML如下：

<div class="dropzone" id="upload1"></div>
<script>
$("#upload1").dropzone({
    url: "upload.php?frm=logo",
    paramName: "post_ipfld",
    dictDefaultMessage: "Drop Files or Select",
    success: function(file, response) {
        $("#id").val($.trim(response));
        ////////// Save the values in db
        $.ajax({
            url: "save.php?frm=new",
            type: "post",
            data: $("#frm_save").serialize(),
            success: function(d) {
                $("#pid").val($.trim(d));
            }
        });
    }
});
</script>

以上工作正常。问题是我在表格末尾有一个明确的链接。通过单击此清除链接，我需要清除一些表单字段，但我无法清除我的 dropzone 字段。

我正在成功清除这样的表单字段：

$('#fld1, #fld2, #fld5').val('');

为了清除 dropzone 我尝试了这个：

var myDropzone = $("#upload1").dropzone();
myDropzone.removeAllFiles(true);
$('div.dz-image').remove();

如何使用removeAllFiles()？

【问题讨论】：

标签： jquery html dropzone.js

【解决方案1】：

您应该查看以下两个资源：

基本上，您需要将此init 变量添加到您的设置对象中，并在适当的范围内设置一个变量。它将创建一个名为 clearDropzone 的函数，它应该可以满足您的期望。

var clearDropzone;
$("#upload1").dropzone({
    init: function () {
        var dropzone = this;
        clearDropzone = function(){
            dropzone.removeAllFiles(true);
        };
    },
    url: "save.php?frm=new",
    /* etc. */
}

【讨论】：