Laravel с Dropzone js не проходит через успешный обратный вызов - PullRequest
Новая
       4

Laravel с Dropzone js не проходит через успешный обратный вызов

0 голосов
/ 08 марта 2020

По какой-то причине, когда я загружаю изображения в мою зону сброса, она не go возвращается к обратному вызову успеха.

Это моя цель, я хочу, чтобы переменная с именем "counter" увеличивала каждый раз при загрузке успешен через обратный вызов успеха, но так как он не идет к обратному вызову успеха, я не могу увеличить переменную "counter".

Вот мои коды:

Внутри моего файла Blade 

    <form action="{{ route('media.store') }}" class="dropzone" id="mediaDropzone" enctype="multipart/form-data" method="POST">
    {{ csrf_field() }}
        <div class="fallback">
           <input type="file" name="file" id="" multiple>
        </div>
    </form>

Внутри моего скрипта раздел 

    Dropzone.autoDiscover = false;
    $("#mediaDropzone").dropzone();

    var items_counter = 0;
    $('#counter').text(items_counter + " items");

    Dropzone.options.mediaDropzone = {
        uploadMultiple: true,
        parallelUploads: 2,
        maxFilesize: 16,
        acceptedFiles: ".png, .jpg, .gif, .jpeg, .mp4, .webm",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        previewTemplate: document.querySelector('#preview').innerHTML,
        success: function (file, response) {
            items_counter++;
            $("#counter").text(items_counter);
        },
        error: function(err){
            console.log(err);
        },
        init: function(){
            this.on("success", function (file, response){
                items_counter++;
                $("#counter").text(items_counter);
            })
        }
    };

* Внутри моего файл контроллера *

    public function store(Request $request)
{
    $images = $request->file('file');

    if(!is_array($images)) {
        $images = [$images];
    }

    if(!is_dir('storage/uploads/images')) {
        mkdir('storage/uploads/images', 0777);
    }

    for($i = 0; $i < count($images); $i++) {
        $image = $images[$i];
        $date = new DateTime();
        $filename = pathinfo($request->file('file')->getClientOriginalName(), PATHINFO_FILENAME);
        $save_name = $filename . '_' . $date->format('Y-m-d') . '.' . $image->getClientOriginalExtension();

        $image->move('storage/uploads/images', $save_name);

        $uploadImage = new Media;
        $uploadImage->file_name = $save_name;
        $uploadImage->file_type = $image->getClientOriginalExtension();
        $uploadImage->save();
    }
    return Response::json([
        'message' => 'Image Saved Successfully!'
    ], 200);
}

Пожалуйста, помогите мне понять или выяснить, почему мой успешный обратный вызов не срабатывает.

...