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

【问题标题】：dropzone.js form submit not sending filedropzone.js 表单提交不发送文件
【发布时间】：2015-09-17 13:33:28
【问题描述】：

我在标准 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]); } });
   }
}

我一整天都在尝试解决这个问题，但在网上进行的任何搜索都没有发现任何对我有用的东西。你们有谁能帮忙吗？？ :)

【问题讨论】：

另外，我也试过在这里问，但还没有回应。 github.com/enyo/dropzone/issues/1040

标签： javascript jquery html forms dropzone.js

【解决方案1】：

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

我之前发布的代码按原样运行，但是在 dropzone.js 文件中，我添加了这两行 this.hiddenFileInput.setAttribute("name", _this.options.paramName); $("form.dropzone").append(_this.hiddenFileInput);

document.body.appendChild(_this.hiddenFileInput); 之后一切正常！

【讨论】：