DROPZONE

//JQUERY E INIZIALIZZAZIONE DROPZONE

import Dropzone from 'dropzone';
window.Dropzone = Dropzone;
if ($("#drophere").length>0) {
    //console.log("ok");
    let csrfToken = $('meta[name="csrf-token"]').attr('content');
    let secret = $('#secret').val();
    let myDropzone = new Dropzone('#drophere', {
        url: '/imagesLoadCar',
        maxFilesize: 30, //in MB
        acceptedFiles: ".jpeg,.jpg,.png,.pdf", //accepted file types
        method: "POST",
        paramName: "file",
        addRemoveLinks: true ,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        params: {
            _token: csrfToken,
            secret: secret
        },
        init : function(){
            let dropzone = this


            this.on("success", function(file, response){
                console.log(file);
               file.serverId = response.id;
            });


          }
    });
}

//FORM SULLA PAGINA BLADE

<form action="{{ route('storeCar') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="secret" id="secret" value="{{$secret}}">
                    <div class="form-group border bg-dark rounded">
                        <div class="container-fluid">
                            <div class="row bg-danger m-3 rounded">
                                <label class="text-white mt-2" for="marca">Info Base</label>

                            </div>

                            <div class="row bg-danger m-3 rounded">
                                <label class="text-white mt-2" for="marca">Info Avanzate</label>
                            </div>
                            <div class="row">
                                <label class="text-white d-flex text-start" for="anno">Immagini</label>
                                <div class="col-12 mt-5 mb-5 h-75">

                                    <div class="dropzone" id="drophere">

                                    </div>
                                </div>
                                <label class="text-white d-flex text-start" for="anno">Descrizione</label>
                                <div class="col-12 mt-5 mb-5 h-75">

                                    <textarea class="m-3" id="editor" name="info_aggiuntive"></textarea>
                                </div>
                            </div>
                            <div class="row justify-content-center mb-5">
                                <div class="col-12 text-center">
                                    <button id="salvaVeicolo"
                                        class="bg-indigo-500 shadow-lg shadow-indigo-500/50 text-white px-4 py-2 rounded focus:outline-none">Salva
                                        Auto</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

//ROTTA SU WEB.PHP

Route::post('/imagesLoadCar', [GarageController::class, 'imagesLoadCar'])->name('imagesLoadCar');


//CONTROLLER

public function imagesLoadCar(Request $request){
        $secret=$request->input('secret');
        //$filename= $request->file('file')->store("public/temp/{$secret}");
        return response()->json(['messaggio' => $request->all()]);
    }