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

【问题标题】：Dropzone JS - Redirect after all files have uploadedDropzone JS - 所有文件上传后重定向
【发布时间】：2021-04-16 18:01:05
【问题描述】：

我有下面的 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>

【问题讨论】：

标签： javascript forms dropzone

【解决方案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"
  });
})

【讨论】：

谢谢，但它仍然没有重定向。控制台显示ReferenceError: Can't find variable: Dropzone?
已经完成了，这个脚本需要在调用Dropzone.js之后:)
它实际上是在上传第一张图片后重定向，而不是所有图片？
看起来我应该使用myDropzone.on("completemultiple", function(file) {，但它不起作用？？
试试：myDropzone.on("queuecomplete", function(file) { window.location.href="test.php" });