1. Установка

Для установки пакета используйте composer

composer require alexusmai/laravel-file-manager

Если вы используете версию Laravel менее 5.5, то добавьте сервис провайдер в файл конфигурации (config/app.php)

Alexusmai\LaravelFileManager\FileManagerServiceProvider::class,

Опубликуйте файл конфигурации пакета

php artisan vendor:publish --tag=fm-config

Теперь нужно разобраться с фронтендом нашего приложения, он написан на Vue.js, и тут есть два варианта:

воспользоваться уже готовыми файлами (скомпилированными и минифицированными), которые можно просто подключить в нужном view файле. Для этого опубликуем их:
```
php artisan vendor:publish --tag=fm-assets
```
или можно загрузить npm пакет и использовать его в вашем Vue приложении, подробнее можно прочитать тут - vue-laravel-file-manager

Откройте view файл в который вы хотите добавить файловый менеджер:

добавьте csrf-token в head блок

<!-- CSRF Token --> <meta name="csrf-token" content="{{ csrf_token() }}">

пакет использует стили Bootstrap 4 и FontAwesome5, если вы их не используете то добавьте, например из публичных CDN (Нужны только css, js файлы этих пакетов не требуются!)

также добавьте стили и скрипты самого приложения

<link rel="stylesheet" href="{{ asset('vendor/file-manager/css/file-manager.css') }}">

<script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>

а теперь, в нужном месте, добавьте div с указанием высоты блока - это будет высота файлового менеджера, и внутрь него вложите div с id самого менеджера
```
<div style="height: 600px;">
    <div id="fm"></div>
</div>
```

Установка окончена! Не забудьте настроить свой сервер для загрузки файлов, например php.ini (upload_max_filesize, post_max_size )

1. Установка

Комментарии