如何處理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);