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. */ 
}