DropzoneJS & Laravel - 输出表单验证错误

Posted

技术标签:

【中文标题】DropzoneJS & Laravel - 输出表单验证错误【英文标题】:DropzoneJS & Laravel - Output form validation errors 【发布时间】:2016-03-20 12:09:21 【问题描述】:

当您将鼠标悬停在 Dropzone 中丢弃的文件中的“X”上时,我正在尝试输出表单验证错误。

我得到了什么:

如何使object Object 输出来自表单验证的实际错误消息?我可以提醒错误消息,但实际上无法在将鼠标悬停在 x 上时显示错误消息。

我的js文件:

 Dropzone.options.fileupload = 
    maxFilesize: 20,

    init: function () 
        thisDropzone = this;
        this.on("error", function (file, responseText) 

                $.each(responseText, function (index, value) 
                    alert( value); //this shows the alert of the error message

                );


        );
    
;

我的控制器:

$this->validate($request, [
        'file' => 'max:20000',
    ]);

【问题讨论】:

对于任何寻求解决方案的人,请查看 ***.com/a/66603779/5723524 【参考方案1】:

我已经解决了我的问题。

致任何可能遇到相同问题的人。

我通过简单地输入$('.dz-error-message').text(value);来修复它

完整代码:

Dropzone.options.fileupload = 
maxFilesize: 50,
init: function () 
    thisDropzone = this;
    this.on("error", function (file, responseText) 
        $.each(responseText, function (index, value) 
            $('.dz-error-message').text(value);
        );
    );

;

【讨论】:

【参考方案2】:

如果你只想要 laravel 验证错误,请使用它。

...
        init: function () 
            thisDropzone = this;
            this.on("error", function (file, responseText) 
                $.each(responseText, function (index, value) 
                    if (index === 'errors')
                        $('.dz-error-message').text(value.file);
                    
                );
            );
        ,
...

或者,如果您只想更改 dropzone.js 错误输出。

if(index === message)

【讨论】:

以上是关于DropzoneJS & Laravel - 输出表单验证错误的主要内容,如果未能解决你的问题,请参考以下文章

dropzonejs中文翻译手册 DropzoneJS是一个提供文件拖拽上传并且提供图片预览的开源类库.

DropzoneJS使用ASP.NET MVC删除文件

DropzoneJS:上传文件并提交带有名称数组的表单

在线文件拖拽上传插件——DropzoneJS

Laravel & Vuejs 资源[CSS & JS] 编译问题

Laravel & VueJS 变量定义