Установка
Конфигурация
Функции
События
Использование
composer require ctf0/media-manager
опубликовать ресурсы пакета с помощью
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
после установки запустите php artisan lmm:setup , чтобы добавить
упаковать маршруты в routes/web.php
ресурсы пакета, компилируемые в webpack.mix.js
для блокировки/разблокировки элементов/ов мы используем базу данных «sqlite», но если вы предпочитаете использовать что-то другое, вам следует запустить миграцию
миграция PHP Artisan
установить зависимости
Yarn добавить vue vue-ls vue-infinite-loading vue-image-compare2 vue-tippy@v2 vue2-filters vue-input-autowidth vue-notif vue-clipboard2 vue-awesome vue-touch@next vue-focuspoint-comComponent axios dropzone Код ключа Cropperjs Lottie-Web Plyr Fuse.js Music-Metadata-Browser idb-keyval аньян Yarn добавляет процесс добавления буфера --dev
добавьте этот вкладыш в свой основной файл js и запустите npm run watch чтобы скомпилировать файлы js/css .
// app.js// mix v5window.Vue = require('vue')// mix v6import Vue from 'vue'require('../assets/vendor/MediaManager/js/manager')new Vue({el: '#приложение'})если у вас возникли проблемы Проверьте.
также проверьте примечания к миксу v6
конфигурация/mediaManager.php
редактор изображений
мульти
загрузить
переместить/копировать
удалить
загрузить любым способом
с помощью панели загрузки
перетащите куда угодно
нажмите и удерживайте пустую область «контейнер предметов»
из URL «только изображения»
предварительный просмотр файлов перед загрузкой
переключение между random/original именами для загруженных файлов
асинхронные обновления
массовый выбор
добавить в закладки посещенные каталоги для более быстрой навигации
изменить видимость элемента/ов
обновить URL-адрес страницы в навигации
показывать информацию об аудиофайлах «исполнитель, альбом, год и т. д.».
динамически скрывать файлы/папки
ограничить доступ к пути
скачать выбранное "включая массовый выбор"
напрямую скопировать ссылку на выбранный файл
используйте менеджер
из модального
с любым редактором WYSIWYG
автоматическая прокрутка к выбранному элементу с помощью «влево, вверх, вправо, вниз, домой, конец»
заблокировать/разблокировать элемент/ы.
поиск в текущем каталоге или глобально по всей коллекции.
фильтровать по
папка
изображение
аудио
видео
текст/pdf
приложение/архив
заблокированные предметы
выбранные элементы
Сортировать по
имя
размер
последнее изменение
предметы имеют значение
все
выбрано
поиск найден
полоса соотношения содержимого
защита от перезаписи (файлов/папок)
очистка имени файла для
загрузить
переименовывать
новая папка
Кнопки отключения/включения зависят от использования, чтобы избежать шума и сосредоточить внимание пользователя
ярлыки/жесты
любой файл типа audio/video , если боковая панель скрыта, откроет его в карточке предварительного просмотра «так же, как изображения» .
любой файл типа application/archive скачает его.
если доступных строк больше нет, нажатие down приведет к переходу к последнему элементу в списке «так же, как собственный файловый менеджер» .
при просмотре audio/video файла на карте предварительного просмотра нажатие space приведет к воспроизведению/приостановке элемента вместо закрытия модального окна.
двойное нажатие/нажатие
для всех жестов влево/вправо также доступны аналоги.
нажатие esc при использовании редактора изображений не закроет модальное окно, но для этого вы можете дважды щелкнуть/коснуться modal background . «чтобы избежать случайной отмены ваших изменений» .
- информационная боковая панель доступна только на больших экранах «> 1023 пикселей» .
- чтобы перестать мешать другим событиямkeydown, вы можете переключить прослушиватель менеджера через
EventHub.fire('disable-global-keys', true/false).
| навигация | кнопка | клавиатура | нажмите / коснитесь | трогать |
|---|---|---|---|---|
| переключить панель загрузки (панель инструментов) | ты | |||
| обновить (панель инструментов) | р | держи "очистить кеш" | зажмите (контейнер с предметами) | |
| переместить/показать перемещаемый список (панель инструментов) | м/п | |||
| редактор изображений (панель инструментов) | е | |||
| удалить (панель инструментов) | д/дель | |||
| заблокировать/разблокировать (панель инструментов) | л | держать «что угодно, кроме изображений» | ||
| изменить видимость (панель инструментов) | в | |||
| переключить массовый выбор (панель инструментов) | б | |||
| (сброс) массовое выделение всех (панель инструментов) | а | |||
| добавить в перемещаемый список (корзину) | с/х | * | ||
| переместить/показать перемещаемый список (корзина) | ** | |||
| очистить подвижный список (корзина) | держать | |||
| переключить боковую панель (панель пути) | т | * | проведите пальцем влево/вправо (боковая панель) | |
| подтвердить (модально) | входить | |||
| переключить изображение предварительного просмотра/pdf/текст (элемент) | космос | ** | ||
| воспроизведение/пауза мультимедиа (элемент) | космос | ** | ||
| скрыть (модальное/панель загрузки) | выйти | |||
| сброс (поиск/массовый выбор/фильтр/сортировка) | выйти | |||
| сбросить загрузку showPreview | выйти | |||
| подтвердить загрузку showPreview | входить | |||
| добавить в перемещаемый список (элемент) | проведите пальцем вверх | |||
| удалить (элемент) | проведите пальцем вниз | |||
| переименовать (элемент) | проведите пальцем влево | |||
| редактор изображений (элемент) | держать | |||
| текущий ++ выбран (пункт) | сдвиг + щелчок | |||
| текущий + выбранный (пункт) | альт/мета + клик | |||
| создать новую папку | ** (контейнер предметов) | |||
| перейти к следующему «пункту» | верно | * | проведите пальцем влево (предварительный просмотр) | |
| перейти к предыдущему «пункту» | левый | * | смахните вправо (предварительный просмотр) | |
| перейти к первому «пункту» | дом | |||
| перейти к последнему «пункту» | конец | |||
| перейти к следующей «строке» | вниз | проведите пальцем вверх (предварительный просмотр) | ||
| перейти к предыдущей «строке» | вверх | проведите пальцем вниз (предварительный просмотр) | ||
| открыть папку | входить | ** | ||
| перейти к предыдущему "каталогу" | Имя папки (строка пути) | возврат назад | * | смахните вправо (контейнер предметов) |
| тип | имя события | описание |
|---|---|---|
| JS | ||
| модальное шоу | когда отображается модальное окно | |
| модальное скрытие | когда модальное окно скрыто | |
| file_selected (в модальном режиме) | получить выбранный URL-адрес файла | |
| multi_file_selected (в модальном режиме) | получить массово выбранные URL-адреса файлов | |
| folder_selected (в модальном режиме) | получить выбранный путь к папке | |
| Ларавел | ||
| MMFileUploaded($file_path, $mime_type, $options) | получить путь к загружаемому файлу, тип mime, пользовательские параметры | |
| MMFileSaved($file_path, $mime_type) | получить сохраненное (отредактированное/ссылку) изображение, полный путь к нему, тип mime | |
| MMFileDeleted($file_path, $is_folder) | получить путь хранения удаленного файла/папки, если удаленный элемент является папкой | |
| MMFileRenamed($old_path, $new_path) | получить переименованный путь хранения файла/папки «старый и новый» | |
| MMFileMoved($old_path, $new_path) | получить перемещенный файл/папку "старый и новый" путь хранения |
Вики
Демо
посетите localhost:8000/media
Если вы обнаружите какие-либо проблемы, связанные с безопасностью, отправьте электронное письмо по адресу [email protected].