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

标签 javascript image dropzone.js

上传文件后,我希望能够将其从 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
          });          

    }

  };


});

最佳答案

将其添加到您的完整函数中:

myDropzone.removeFile(file);

关于javascript - 如何处理DropZone.js文件上传完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24141799/

相关文章:

html - 如何适应 span 标签内的图像?

javascript - 转换为文件对象时的 Base64 图像有一个奇怪的名字

javascript - 使用 NightwatchJS 模拟文件上传 (DropzoneJS)

javascript - 使用自定义 svg 更改按钮的形状

javascript - 如何检测所有动画何时停止?

javascript - 使用 AngularJS 的动态 URL

javascript - 更改 dropzone.js 的默认功能

javascript - 如何从 html 中的 js 脚本引用变量

JavaScript 单击时交换/更改图像

javascript - Meteor.js 与拖放区