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

我有一个

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>

---

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

简单的方法是使用Dropzone选项“addRemoveLinks:true”

---

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

我建议您按照@Camille所说的操作。由于您被标记为

angularjs

，因此我鼓励您使用它，它使事情变得简单，并为您处理此类事情提供了极大的灵活性

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