php - dropzone.js 没有读取选定的文件

Question

尽管文件正在上传目录中上传，但在我尝试打印文件名时，Dropzone.js 没有读取选定的文件。

这是我的代码：

索引.php

<form action="upload.php" class="dropzone" method="post" id="dropzone" enctype="multipart/form-data">
                <div class="fallback">
                    <input name="file" type="file" id="file" multiple="" />
                </div>
            <button type="submit" name="submit" class="btn btn-success">Upload</button>
            </form>

上传.php

$target_dir = "upload/";
$target_file = $target_dir . basename($_FILES["file"]["name"]);

echo $target_file;

if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_dir.$_FILES['file']['name'])) {
    $status = 1;
}

我收到此错误：

未定义索引：文件

我正在使用最新版本的 dropzonejs，即 5.2.0

编辑

如果我从表单中删除它，文件正在上传：

<div class="fallback">
  <input name="file" type="file" id="file" multiple="" />
</div>

Answer 1

我通过将 id 添加到提交按钮并将其放在表单之外并添加一些 js 来实现这一点。

索引.php

<form action="upload.php" class="dropzone" id="my-dropzone"></form>
<button id="submit-all">Submit all files</button>

js

Dropzone.options.myDropzone = {

  autoProcessQueue: false,

  init: function() {
    var submitButton = document.querySelector("#submit-all")
        myDropzone = this; // closure

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

  }
};