如何处理 DropZone.js 文件上传完成

Question

上传文件后，我希望能够将其从 DropZone HTML 元素中移出并移至 LI 项中。

HTML 结构

<div class="dropzone"> FROM HERE.jpg </div>

<ul>
    <li>TO HERE.jpg</li>
</ul>

JS

$(function() {



  // event listeners
  var myDropzone = new Dropzone("div#mydrop", { url: "/images/upload/"});


  //NOT WORKING
  myDropzone.on("addedfile", function(file) {
    file.previewElement.addEventListener("click", function() { 

  });  



  //feedback
  Dropzone.options.myDropzone = {


    init: function() 
    {
          this.on("success", function(file, responseText) {
           //do stuff
          });          
          this.on("complete", function(file) {
           //do stuff
          });  
          this.on("addedfile", function(file) {
           //do stuff
          });
          this.on("uploadprogress", function(file) {
           //do stuff
          });          

    }

  };


});

Answer 1

将此添加到您的完整功能中：

myDropzone.removeFile(file);