jquery - 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>

以上工作正常。问题是我在表格末尾有一个明确的链接。通过单击此清除链接，我需要清除一些表单字段，但无法清除我的 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. */
}