简体   繁体   English

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

[英]How to handle DropZone.js file upload completed

After my file is uploaded, I want to be able to move it out of the DropZone HTML element and into a LI item. 上传文件后,我希望能够将其从DropZone HTML元素移至LI项。

HTML Structur HTML结构

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

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

JS 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
          });          

    }

  };


});

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

myDropzone.removeFile(file);

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM