Dropzone处理队列不适用于服务器端验证

Question

我正在使用 Laravel 5.8 并在表单中集成了 dropzone。在我的表单中，我在服务器端有帖子标题唯一验证。

问题场景是

1.用户将输入博客文章标题并在dropzone中添加5张图片。

2.如果输入的标题已经存在则验证错误

3.再次验证错误后，如果我们尝试提交表单，那么请求将不会发送到服务器。这意味着dzClosure.processQueue();失败

document.getElementById("submitArticleFormButton").addEventListener("click", function(e) {
 if (dzClosure.files.length>0) {
                        ;

                        dzClosure.processQueue(); 
                    } else {

                        dzClosure.uploadFiles([]);


                    }
}

我该如何解决这个问题。

当我参考以下文档时发现的一些问题时 https://github.com/enyo/dropzone/wiki/FAQ#how-to-show-an-error-returned-by-the-server

即使在我的情况下，当验证错误抛出时，它也会是 419，但仍无法按预期工作

更新 我只有在服务器端验证工作正常时才会出现问题。即使在验证后如果我添加额外的图像然后如果我尝试提交然后它会正常工作。 即使我已经包含了 csrf 令牌和 419 它的自定义标头集

  public function respond($data, $headers = [])
    {
        $data['error']="error occured";
        return response()->json($data,419, $headers);
    }

Answer 1

您是否已将您的 CSRF 令牌附加到 dropzone 标头？不久前我遇到了同样的问题，并且能够通过使用带有 Dropzone 的 CSRF 令牌标头来解决它。

首先，您需要打印我们的 CSRF 令牌

   var CSRF_token = {% csrf_token %};

然后将其包含在您的请求中。

   sending: function(file, xhr, formData) {
      formData.append("csrf_token", CSRF_token);
   }

---

更新答案，

尝试手动将 Dropzone 文件状态更新为 Queued，以便 dropzone 再次上传相同的图像。

dzClosure.files.forEach(file => {
   file.status = Dropzone.QUEUED
})