Question

我在Click上有一个cancel按钮，应删除上传的文件。我的HTML看起来像这样

<div reqdropzone="reqDropzoneConfig">
 <form id="requisitionupload" class="dropzone dz-clickable" action="">
  <div class="dz-default dz-message">
   <span style="display: none;"></span>
  </div>
 </form>
</div>

在我的JS。

$scope.cancel = function() {
 $(function(){
   var myDropzone = new Dropzone("#requisitionupload");
   myDropzone.on("addedfile", function(file){
    file.previewElement.addEventListener("click", function(){
     myDropzone.removeFile(file);
    });
   })
 })
}

Answer 1

链接两个事件，首先是“addedfile”获取文件参数，然后单击此文件变量的预览元素。第二个事件并不总是知道文件。

简单的方法是使用Dropzone选项'addRemoveLinks：true'。

或者自定义解决方案可以在第一个事件中创建临时变量来存储“文件”，在第二个事件中（单击）可以引用此临时变量。

Answer 2

我建议你这样做@Camille说。由于您使用angularjs进行了标记，我建议您使用ng-dropzone这样可以轻松完成任务并为您提供足够的灵活性来处理这些事情。

使用单独的函数删除文件（Dropzone.js）

2 个答案: