dropzone两次提交我的表单

时间:2017-03-25 19:04:22

标签: spring-mvc dropzone.js

您好我正在尝试将我的表单与其他字段和dropzone集成我发现控制器被调用两次不确定原因。 有谁可以帮助我

autoProcessQueue:false,     uploadMultiple:true,     maxFilesize:256,// MB     parallelUploads:10,     maxFiles:10,     addRemoveLinks:true,     previewsContainer:“。dropzone-previews”,

<e:EE xmlns:e="expr" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">16</e:EE>

感谢 普里亚

2 个答案:

答案 0 :(得分:1)

停止表单提交,直到dropzone上传,之后你必须上传表单。

var submitButton = document.querySelector(&#34;#submit&#34;);

submitButton.addEventListener("click", function (file) {

    if (myDropzone.getAcceptedFiles().length > 0) {
        if (submitfiles === true) {
            submitfiles = false;
            return;
        }

        file.preventDefault();
        myDropzone.processQueue();

        myDropzone.on("complete", function () {
            submitfiles = true;
            $('#submit').trigger('click');
        });
    } 
});

答案 1 :(得分:0)

只需在init函数中尝试以下代码:

init: function() {
      dz = this;
            document.getElementById("submit").addEventListener("click", function handler(e) {
                if (dz.getAcceptedFiles().length > 0) {
                    e.currentTarget.removeEventListener(e.type, handler);
                    e.preventDefault();
                    e.stopPropagation();
                    dz.processQueue();
                }
          });
            this.on("queuecomplete", function(file) {
                document.getElementById("submit").click();
            });

  },
  autoProcessQueue: false,