Dropzone.js中的处理事件

Posted 2021-05-03

我有这个简单的html代码：

<form id="filedrop"
    class="dropzone"
    action="{{ route('store.womenoffer.photo', ['id' => $id]) }}"
    enctype="multipart/form-data"
    method="post">
    {{ csrf_field() }}
</form>

而且我想添加处理事件。所以我尝试了几件事：

$(function () {
    var myDropzone = $("#filedrop");
    myDropzone.on("success", function (file) {
        alert('Hello World');
    });
})

还有这个：

Dropzone.options.filedrop = {
    paramName: "file", // The name that will be used to transfer the file
    maxFilesize: 2, // MB
    accept: function(file, done) {
        accept: function(){
        alert('Hello World');
    },
    success: function(){
      alert('Hello World 1');
    }
};

所有照片均已正确上传，但活动不起作用。我的后端代码如下：

$name = $this->uploadImg($request->file('file'), 'small');
if($name){
    Photo::create([
        'name'      => $name,
        'user_id'   => Auth::user()->id,
        'women_id'  => $id
    ]);
    return response()->json(['success' => $name]);

答案

TL; DR