Для установки пакета используйте 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 )
Войдите через социальную сеть
Или войдите в свой аккаунт
Забыли пароль? | Регистрация