安装
配置
特征
活动
用法
composer require ctf0/media-manager
发布包资产
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
安装后,运行php artisan lmm:setup
添加
将路由打包到routes/web.php
打包资源编译为webpack.mix.js
对于锁定/解锁项目,我们使用数据库“sqlite”,但如果您更喜欢使用其他东西,您应该运行迁移
php 工匠迁移
安装依赖项
纱线添加 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 密钥代码 lotie-web plyr fusion.js 音乐元数据浏览器 idb-keyval annyang 纱线添加缓冲区过程--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: '#应用程序'})
如果您遇到问题请检查。
另请检查 mix v6 注释
配置/mediaManager.php
图像编辑器
多
上传
移动/复制
删除
通过任一方式上传
使用上传面板
拖放到任何地方
单击并按住空白区域“项目容器”
来自“仅限图像”的网址
上传前预览文件
在上传文件的random/original
名称之间切换
异步更新
批量选择
为访问过的目录添加书签以加快导航速度
更改项目可见性
更新导航上的页面 URL
显示音频文件信息“艺术家、专辑、年份等......”
动态隐藏文件/文件夹
限制对路径的访问
下载选定的“包括批量选择”
直接复制选定的文件链接
使用管理器
来自莫代尔
使用任何所见即所得编辑器
使用“左、上、右、下、home、end”自动滚动到所选项目
锁定/解锁项目。
在当前目录中或在整个集合中全局搜索。
过滤依据
文件夹
图像
声音的
视频
文本/pdf
应用程序/存档
锁定的物品
所选项目
排序方式
姓名
尺寸
最后修改
项目计数
全部
已选择
搜索发现
内容比例栏
防止覆盖(文件/文件夹)
文件名清理
上传
重命名
新文件夹
禁用/启用按钮取决于使用情况,以避免噪音并保持用户注意力
快捷键/手势
当侧边栏隐藏时,任何audio/video
类型的文件都将在预览卡中“与图像相同”打开。
任何application/archive
类型的文件都将下载它。
如果没有更多行可用, down
将转到列表中的最后一项“与本机文件管理器相同” 。
在预览卡中查看audio/video
文件时,按space
将播放/暂停该项目,而不是关闭模式。
双击/点击
所有左/右手势也都有其对应的可用手势。
使用图像编辑器时按esc
不会关闭模式,但您可以双击/点击modal background
来关闭模式。 “避免意外取消您的更改” 。
- 信息侧边栏仅在大屏幕“> 1023px”上可用。
- 要停止干扰其他keydown
事件,您可以通过切换管理器侦听器EventHub.fire('disable-global-keys', true/false)
。
导航 | 按钮 | 键盘 | 单击/点击 | 触碰 |
---|---|---|---|---|
切换上传面板(工具栏) | 你 | |||
刷新(工具栏) | r | 按住“清除缓存” | 捏紧(物品容器) | |
移动/显示可移动列表(工具栏) | 米/米 | |||
图像编辑器(工具栏) | e | |||
删除(工具栏) | d/删除 | |||
锁定/解锁(工具栏) | 我 | 保留“除了图像之外的任何内容” | ||
更改可见性(工具栏) | v | |||
切换批量选择(工具栏) | 乙 | |||
(重置)批量选择全部(工具栏) | 一个 | |||
添加到可移动列表(购物车) | c/x | * | ||
移动/显示可移动列表(购物车) | ** | |||
清除可移动列表(购物车) | 抓住 | |||
切换侧边栏(路径栏) | t | * | 向左/向右滑动(侧边栏) | |
确认(模式) | 进入 | |||
切换预览图像/pdf/文本(项目) | 空间 | ** | ||
播放/暂停媒体(项目) | 空间 | ** | ||
隐藏(模式/上传面板) | Esc键 | |||
重置(搜索/批量选择/过滤/排序) | Esc键 | |||
重置上传显示预览 | Esc键 | |||
确认上传显示预览 | 进入 | |||
添加到可移动列表(项目) | 向上滑动 | |||
删除(项目) | 向下滑动 | |||
重命名(项目) | 向左滑动 | |||
图像编辑器(项目) | 抓住 | |||
当前 ++ 选择的(项目) | Shift + 单击 | |||
当前+所选(项目) | alt/元 + 单击 | |||
创建新文件夹 | ** (物品容器) | |||
转到下一个“项目” | 正确的 | * | 向左滑动(预览) | |
转到上一个“项目” | 左边 | * | 向右滑动(预览) | |
转到第一个“项目” | 家 | |||
转到最后一个“项目” | 结尾 | |||
转到下一个“行” | 向下 | 向上滑动(预览) | ||
转到上一个“行” | 向上 | 向下滑动(预览) | ||
打开文件夹 | 进入 | ** | ||
转到上一个“目录” | 文件夹名称(路径栏) | 退格键 | * | 向右滑动(物品容器) |
类型 | 事件名称 | 描述 |
---|---|---|
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]。