logo

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 )

Комментарии