README

Laravel 媒体管理器

• 安装
• 配置
• 功能
• 事件
• 用法

安装

• composer require ctf0/media-manager

• 使用以下命令发布包资源

  php artisan vendor:publish --provider="ctf0\MediaManager\MediaManagerServiceProvider"

• 安装后，运行 php artisan lmm:setup 添加包路由到 routes/web.php

  • 包资源编译到 webpack.mix.js
  • 为了锁定/解锁项，我们使用数据库 "sqlite"，但如果你希望使用其他数据库，你应该运行迁移

• 安装依赖

  php artisan migrate

• 将以下单行命令添加到你的主js文件中，并运行 npm run watch 来编译你的 js/css 文件。

  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

• 如果你遇到问题 检查。

  • 也请检查 mix v6 注意事项
  • config/mediaManager.php

  // 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
• 显示音频文件信息 "艺术家，专辑，年份等.."
• 动态隐藏 文件 / 文件夹
• 限制对路径的访问
• 下载选定的 "包括批量选择"
• 直接复制选定文件的链接
• 使用管理器
• 从模态框中
  • 使用任何 wysiwyg 编辑器
  • 使用 "左，上，右，下，主页，结束" 自动滚动到选定的项。
• 锁定/解锁项/。
• 在当前目录 或 整个集合中全局搜索。
• 通过
• 文件夹
  • 图像
  • 音频
  • 视频
  • 文本/pdf
  • 应用程序/存档
  • 锁定项
  • 选定项
  • 按
• 名称
  • 大小
  • 最后修改时间
  • 项数
• 对于
  • 所有
  • 选定
  • 搜索结果
• 内容比例条
• 防止（文件/文件夹）覆盖的保护
• 为
  • 移动/复制
  • 重命名
  • 新建文件夹
• 根据使用情况禁用/启用按钮，以避免噪音并保持用户专注
• 快捷键/手势
  • 如果没有更多的 行 可用，按 下 键将跳转到列表中的最后一项 "与原生文件管理器相同"。
  • 在预览卡片中查看 音频/视频 文件时，按下 空格 将会 播放/暂停 项目，而不是关闭模态框。
  • 双击/轻触
    • 当侧边栏隐藏时，任何类型为 音频/视频 的文件将会在预览卡片中打开，且显示方式与图像相同。
    • 任何类型为 应用/存档 的文件将会被下载。
  • 所有的 左右 滑动手势都有对应的操作。
  • 在使用 图像编辑器 时按下 esc 不会关闭模态框，但您可以 双击/轻触 模态框背景来关闭它，以避免意外取消更改。

- 信息侧边栏仅在屏幕尺寸大于 "> 1023px" 的大屏幕上可用。
- 为了停止干扰其他 keydown 事件，您可以通过以下方式切换管理器监听器
EventHub.fire('disable-global-keys', true/false).

事件

用法

维基
演示

• 访问 localhost:8000/media

安全

如果您发现任何安全相关的问题，请通过电子邮件发送到 ctf0-dev@protonmail.com。