2步使用Dropzone上传模态。在继续执行步骤2之前检查文件数

时间:2019-05-21 15:31:12

标签: javascript jquery dropzone.js

我有一个带有dropzone JS的引导程序模版。我要点击上传文件。流程如下:

  1. 用户打开模式,显示第一步
  2. 文件已放入dropzone
  3. 用户选择按钮进行下一步
  4. 显示第二步
  5. 用户将填写其他信息,然后单击上载按钮,该按钮将调用processQueue()并上载文件

但是在进行第二步之前,我要检查并确保dropzone中存在文件。但是,当我添加文件并尝试记录dropzone.files.length时,即使有文件,我也得到0。

$(selector).dropzone({
url: "/file/post",
addRemoveLinks: true,
autoProcessQueue: false,
init: function() {
    dragDrop = this;

    $(".selectButton").off().on("click", function(e){
       console.log(dragDrop.files.length); 
       if(dragDrop.files.length > 0) {
          $(".stepOne").hide();
          $(".stepTwo").show();
       }
    });

    $(".uploadButton").on("click", function(){
        dragDrop.processQueue();
    });

}
});

0 个答案:

没有答案