ivenms / laravel-media-manager
使用Vuejs & Laravel构建的媒体管理器 FOR V9
4.0.0
2022-06-01 09:04 UTC
Requires
- ctf0/package-changelog: *
- illuminate/support: ^9.14.1
- league/flysystem: ^3.0
- maennchen/zipstream-php: >=2.0
- dev-master
- 4.0.0
- v3.8.7
- v3.8.6
- v3.8.5
- v3.8.2
- v3.8.1
- v3.8.0
- v3.7.5
- v3.7.4
- v3.7.3
- v3.7.2
- v3.7.1
- v3.7.0
- v3.6.7
- v3.6.6
- v3.6.5
- v3.6.4
- v3.6.3
- v3.6.2
- v3.6.1
- v3.6.0
- v3.5.0
- v3.4.3
- v3.4.2
- v3.4.1
- v3.4.0
- v3.3.6
- v3.3.5
- v3.3.4
- v3.3.3
- v3.3.2
- v3.3.1
- v3.3.0
- v3.2.9
- v3.2.8
- v3.2.7
- v3.2.6
- v3.2.5
- v3.2.4
- v3.2.3
- v3.2.2
- v3.2.1
- v3.2.0
- v3.1.4
- v3.1.3
- v3.1.2
- v3.1.1
- v3.1.0
- v3.0.5
- v3.0.4
- v3.0.3
- v3.0.2
- v3.0.1
- v3.0.0
- v2.6.2
- v2.6.1
- v2.6.0
- v2.5.9
- v2.5.8
- v2.5.7
- v2.5.6
- v2.5.5
- v2.5.4
- v2.5.3
- v2.5.2
- v2.5.0
- v2.4.2
- v2.4.1
- v2.4.0
- v2.3.8
- v2.3.7
- v2.3.6
- v2.3.5
- v2.3.4
- v2.3.3
- v2.3.2
- v2.3.1
- v2.3.0
- v2.2.1
- v2.2.0
- v2.1.0
- v2.0.2
- v2.0.1
- v2.0.0
- v1.3.6
- v1.3.5
- v1.3.4
- v1.3.3
- v1.3.2
- v1.3.1
- v1.3.0
- v1.2.3
- v1.2.2
- v1.2.1
- v1.2.0
- v1.1.0
- v1.0.8
- v1.0.7
- v1.0.6
- v1.0.5
- v1.0.4
- v1.0.3
- v1.0.2
- v1.0.1
- v1.0.0
- 0.0.8
- 0.0.7
- 0.0.6
- 0.0.5
- 0.0.4
- 0.0.3
- 0.0.2
- 0.0.1
- dev-upgrades/ctf0-updates-may-2023
- dev-fs-v2
This package is not auto-updated.
Last update: 2024-09-18 21:36:53 UTC
README
Laravel Media Manager
从ctf0/MediaManager分支以支持Laravel v9
安装
-
composer require ivenms/laravel-media-manager -
使用以下命令发布包资源
php artisan vendor:publish --provider="ivenms\MediaManager\MediaManagerServiceProvider" -
安装后,运行
php artisan lmm:setup以添加- 包路由到
routes/web.php - 包资源编译到
webpack.mix.js
- 包路由到
-
为了锁定/解锁项,我们使用一个数据库 "sqlite",但如果你希望使用其他东西,你应该运行迁移
php artisan migrate
-
yarn add 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-component axios dropzone cropperjs keycode lottie-web plyr fuse.js music-metadata-browser idb-keyval annyang yarn add buffer process --dev
-
将以下一行代码添加到你的主js文件中,并运行
npm run watch来编译你的js/css文件。// app.js // mix v5 window.Vue = require('vue') // mix v6 import Vue from 'vue' require('../assets/vendor/MediaManager/js/manager') new Vue({ el: '#app' })
配置
特性
- 图片编辑器
- 多选
- 上传
- 移动/复制
- 删除
- 可以通过以下方式上传
- 使用上传面板
- 拖放到任何位置
- 在空区域上点击并持有 "项目容器"
- 从URL "仅图片"
- 在上传前预览文件
- 在上传文件的随机/原始名称之间切换
- 异步更新
- 批量选择
- 将访问过的目录添加到书签以快速导航
- 更改项的可见性
- 在导航时更新页面URL
- 显示音频文件信息 "艺术家,专辑,年份等..."
- 动态隐藏文件 / 文件夹
- 限制路径访问
- 下载所选"包括批量选择"
- 直接复制所选文件链接
- 使用管理器
- 使用 "左,上,右,下,主页,结束" 自动滚动到所选项
- 锁定/解锁项。
- 在当前目录中搜索 或 通过整个集合全局搜索。
- 通过以下方式过滤
- 文件夹
- 图片
- 音频
- 视频
- 文本/pdf
- 应用程序/存档
- 已锁定项
- 所选项
- 按以下方式排序
- 名称
- 大小
- 最后修改
- 项计数为
- 所有
- 所选
- 搜索结果
- 内容比例条
- 防止覆盖(文件/文件夹)的保护
- 对以下进行文件名净化
- 上传
- 重命名
- 新建文件夹
- 根据使用情况禁用/启用按钮以避免噪音并保持用户专注
- 快捷键/手势
- 如果没有更多 行 可用,则按下
down将跳转到列表中的最后一个项 "类似于本地文件管理器"。 - 在预览卡片中查看
音频/视频文件时,按下空格将会播放/暂停项目,而不是关闭模态窗口。 - 双击/轻触
- 当侧边栏隐藏时,任何
音频/视频类型的文件都会在预览卡片中以“与图片相同”的方式打开。 - 任何
应用/存档类型的文件将会被下载。
- 当侧边栏隐藏时,任何
- 所有 左右 滑动手势都有其对应的操作。
- 在使用 图像编辑器 时按下
esc不会关闭模态窗口,但您可以 双击/轻触 模态背景来关闭它,以避免意外取消更改。
- 如果没有更多 行 可用,则按下
- 信息侧边栏仅在屏幕尺寸大于 "1023px" 的大屏幕上可用。
- 要停止干扰其他keydown事件,您可以通过以下方式切换管理器监听器:
EventHub.fire('disable-global-keys', true/false).
事件
用法
- 访问
localhost:8000/media
安全性
如果您发现任何与安全相关的问题,请发送电子邮件至 ctf0-dev@protonmail.com。