Añadir plugin de dropzone para subir muchos ficheros a la vez desde una view

En \resources\views\layouts\app.blade.php añadir:
@yield('css_lsg')
@yield('js_lsg')

En la vista q queramos usarlo (por ejemplo create):
@section('css_lsg')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/dropzone.min.css">
@endsection
...
@section('js_lsg')
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/min/dropzone.min.js"></script>
@endsection

En esa misma view:
<form action="{{ route('admin.files.store') }}" method="POST" class="dropzone" id="my-awesome-dropzone">
</form>

y dentro del @section('js') añadir las propiedades de la subida:
<script>
   Dropzone.options.myAwesomeDropzone = {
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        paramName: "fichero",
        dictDefaultMessage: "Arrastra aquí las imágenes que quieras subir",
        acceptedFiles: "image/*",
        maxFilesize: 0.1,
        maxFiles: 4
  };
</script>


Más información en: https://www.dropzonejs.com/#installation

No hay comentarios:

Publicar un comentario