Javascript 在dropzone文件上载时显示成功/错误消息

我正在使用dropzone文件上载，当我从控制器返回成功/错误时，如何在我的视图文件上显示它

查看文件

 <div class="box-body">
    @if ( $errors->count() > 0 )
    <div class="alert alert-danger alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{ $message = 'Please select csv file only.' }}
    </div>
    @endif

{!! Form::open([ 'url' => 'admin/reports','class' => 'dropzone', 'id' => 'reportfile' ]) !!}
    {!! csrf_field() !!}
    <div class="col-md-12">
        <h3 style="text-align : center">Select File</h3>
    </div>
    <button type="submit" class="btn btn-primary">Upload Report</button>
    {!! Form::close() !!}

</div>

JS代码

if ($request->hasFile('file')) {
        $file = Input::file('file');
        $validator = Validator::make(
                        [
                    'file' => $file,
                    'extension' => strtolower($file->getClientOriginalExtension()),
                        ], [
                    'file' => 'required',
                    'extension' => 'required|in:csv',
                        ]
        );
        if ($validator->fails()) {

            return Response::json('error', 400);

        }

<script>
window.onload = function () {

    Dropzone.options.reportfile = {
        paramName: "file", 
        maxFilesize: 2,
        error: function (file, response) {
            alert('hiii')
        },
        init: function () {
            this.on("addedfile", function (file) {
                alert("Added file.");
            });
        },
        accept: function (file, done) {
            alert('hi')
            if (file.name == "justinbieber.jpg") {
                done("Naha, you don't.");
            }

        }

    };
};
</script>

window.onload=函数（）{
Dropzone.options.reportfile={
参数名称：“文件”，
最大文件大小：2，
错误：函数（文件、响应）{
警报（'hiii'）
},
init：函数（）{
this.on（“addedfile”，函数（文件）{
警报（“已添加文件”）；
});
},
接受：函数（文件，完成）{
警报（“嗨”）
如果（file.name==“justinbieber.jpg”）{
完成（“那霸，你不知道”）；
}
}
};
};

---

甚至警报都不起作用…非常感谢您提供的任何帮助。谢谢

您应该收听事件，并触发事件是否成功

Dropzone.options.uploadWidget = {
  init: function() {
    this.on('success', function( file, resp ){
       alert("Success");
    });
  },
  ...
};

---

注意：您可以使用建议的其他断点

这是否显示了控制台中的任何错误？是，在控制台响应选项卡上显示“错误”字符串。当我返回400错误请求错误时，在控制台中也显示“400错误请求”。添加；在

警报中（'hi'）

是uploadWidget id或表单名称？？取决于是否启动它。您还可以使用类似的

var uploader=newdropzone（“#upload widget”，选项）

如果您试图获得表单的

id

，则如何侦听服务器端对dropzone事件的400错误。我使用了错误事件，但它不起作用。我在谷歌上搜索并找到了它的错误事件。非常感谢。我们可以参考dropzonejs官方网站