Dropzone JS - 所有文件上传后重定向

Question

我有下面的 dropzone JS 表单，它可以上传文件。

<form action="upload.php" class="dropzone" id="dropzone" >
<div class="dz-message needsclick" style="margin-top:-20px">
<i data-feather="upload-cloud" style='margin-top:4px'></i>
<h4 style='font-weight:100'>Drag image here or click to upload</h4>
</div>
</form>

我正在尝试让页面在所有上传完成后重定向到另一个页面。通过搜索，我找到了下面的脚本，但它似乎什么也没做

<script>
dropzone.on("success", function(file, responseText) {
  window.location.href = ("Uploaded.php")
});
</script>

Answer 1

已编辑： 使用以下事件 'queuecomplete' 而不是 'success'

文档： https://www.dropzonejs.com/#events

首先，请确保您的后端运行正常（以便上传正常）。如果是这样，成功事件应该在文件上传后触发。

尝试在脚本中使用以下代码：

// Need disabling autoDiscover, otherwise Dropzone will try to attach twice.
Dropzone.autoDiscover = false;
// or disable for specific dropzone:
// Dropzone.options.myDropzone = false;

$(function() {
  // initialize the dropzone
  var myDropzone = new Dropzone("#dropzone");

  // change the location according to your preference
  // use queuecomplete instead of success event
  myDropzone.on("queuecomplete", function(file) {
    window.location.href="test.php"
  });
})