Question

我正在使用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('');

要清除掉区，我试过这个：

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

如何使用removeAllFiles()？

Answer 1

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

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

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

onclick clear dropzone file field

1 个答案: