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

Question

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

我一直在努力解决这一问题，而且在线搜索没有发现对我有用的东西。 你们任何人可以帮忙吗？ :)

Answer 1

答对了！！！ 在我之前链接到的github帖子的作者的帮助下，此问题现已解决！

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

在document.body.appendChild(_this.hiddenFileInput); 一切都按预期进行！