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); 一切都按預期進行！