Laravel 媒體管理器

安裝
配置
特徵
活動
用法

安裝

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-focusif vue-clipboard2 vue-awesome vue-touch@next vue-focuspoint-componentios 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)	移動檔案/資料夾“舊的和新的”儲存路徑