dropzone.js表单提交不发送文件

时间:2015-09-17 13:33:29

标签: javascript jquery html forms dropzone.js

我在使用标准html表单中的Dropzone.js时遇到了一些麻烦。使用我的代码,一切正常,我可以单击该区域添加图像,我一次只能添加一个图像,并且只有在按下提交按钮时才会上传图像。 但是,按下提交时实际上没有发送任何内容。我知道我需要手动处理队列,但这似乎根本不起作用。然而,其余的表单数据被发送,它只是图像不是。

我正在使用以下简化代码。 (假设除了没有文件被发送之外,这是有效的。)

HTML

<form action='upload.php' method="post" class="dropzone" id="mydz">
<input type='submit' name='submitimage' value='Save' style='float:left;'/>

JAVASCRIPT

Dropzone.options.mydz = {
   autoProcessQueue: false,
   maxFiles: 1,

   init: function() {
      var submitButton = document.querySelector("#submitimage");
      mydz = this; // closure

      submitButton.addEventListener("click", function() {
         mydz.processQueue(); // Tell Dropzone to process all queued files.
      });                                    

      this.on('addedfile', function(file){ if(this.files.length > 1) { this.removeFile(this.files[0]); } });
   }
}

我一直在努力解决这个问题,现在网上搜索没有任何对我有用的东西。你们任何人都可以帮忙吗? :)

1 个答案:

答案 0 :(得分:-1)

宾果!!!在我之前链接的github帖子的作者的帮助下,这个问题现在已经解决了!

我之前发布的代码按原样运行,但是在dropzone.js文件中,我添加了这两行SELECT a.MONTHS_MM,b.leavecount FROM ALLMONTHS a ,(SELECT to_char(leavedate,'MM') AS MONTH,leavecount..."your query")b WHERE a.MONTHS_MM=b.MONTH(+)

this.hiddenFileInput.setAttribute("name", _this.options.paramName); $("form.dropzone").append(_this.hiddenFileInput);之后,所有工作都应该正常工作!