javascript - 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);

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