onclick 清除 dropzone 文件字段

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>

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

我像这样成功地清除了表单域：

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

要清除拖放区，我试过这个：

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

如何使用 removeAllFiles()？

Answer 1

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

https://github.com/enyo/dropzone/wiki/Remove-all-files-with-one-button
How to call the .removeAllFiles() function in Dropzone.js after a click on a button

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

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

onclick 清除 dropzone 文件字段

onclick clear dropzone file field

html

jquery

dropzone.js