ivenms/laravel-media-manager

使用Vuejs & Laravel构建的媒体管理器 FOR V9

资助包维护!
Patreon

安装: 1,537

依赖项: 0

建议者: 0

安全性: 0

星标: 4

关注者: 0

分支: 179

开放问题: 2

语言:JavaScript


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).



事件


用法

Wiki
演示

  • 访问 localhost:8000/media

安全性

如果您发现任何与安全相关的问题,请发送电子邮件至 ctf0-dev@protonmail.com