dropzone.js 未读取所选文件

Question

Dropzone.js 在我尝试打印文件名时未读取所选文件，尽管文件正在上传到上传目录中。

这是我的代码：

index.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>

upload.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;
}

我收到这个错误：

Undefined index: file

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

编辑

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

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

Answer 1

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

index.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.

  }
};

dropzone.js 未读取所选文件

dropzone.js not reading selected file

php

dropzone.js

dropzone