라라벨 미디어 매니저

설치
구성
특징
이벤트
용법

설치

composer require ctf0/media-manager
다음을 사용하여 패키지 자산 게시
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
설치 후 php artisan lmm:setup 실행하여 추가하세요.

routes/web.php 에 대한 패키지 경로
webpack.mix.js 로 컴파일하는 패키지 자산

잠금/잠금 해제 항목의 경우 db "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-comComponent axios dropzone Cropperjs 키코드 lottie-web plyr 퓨즈.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

특징

이미지 편집기
멀티

업로드
이동/복사
삭제

업로드

업로드 패널 사용
어디서나 드래그 앤 드롭
빈 영역 "항목 컨테이너" 를 길게 클릭하세요.
URL에서 "이미지만"

업로드하기 전에 파일 미리보기
업로드된 파일의 random/original 이름 간 전환
비동기 업데이트
대량 선택
더 빠른 탐색을 위해 방문한 디렉토리를 북마크에 추가하세요.
항목 표시 변경
탐색 시 페이지 URL 업데이트
오디오 파일 정보 "아티스트, 앨범, 연도 등" 표시
동적으로 파일/폴더 숨기기
경로에 대한 액세스를 제한
선택한 "대량 선택 포함" 다운로드
선택한 파일 링크를 직접 복사
관리자를 이용하세요

모달에서
어떤 wysiwyg 편집기라도 사용 가능

"왼쪽, 위, 오른쪽, 아래, 홈, 끝" 을 사용하여 선택한 항목으로 자동 스크롤
항목을 잠금/잠금 해제합니다.
현재 디렉토리에서 검색 하거나 전체 컬렉션을 통해 전역적으로 검색합니다.
필터링 기준

접는 사람
영상
오디오
동영상
텍스트/PDF
애플리케이션/아카이브
잠긴 항목
선택한 항목

정렬

이름
크기
마지막으로 수정됨

항목이 중요합니다

모두
선택된
검색 결과

함량비율바
덮어쓰기 방지(파일/폴더)
파일 이름 삭제

업로드
이름 바꾸기
새 폴더

비활성화/활성화 버튼은 소음을 방지하고 사용자의 집중을 유지하기 위해 용도에 따라 달라집니다.
단축키/제스처

사이드바가 숨겨져 있을 때 audio/video 유형의 모든 파일은 "이미지와 동일" 미리보기 카드에서 열립니다.
application/archive 유형의 모든 파일이 다운로드됩니다.
더 이상 사용 가능한 행이 없으면 down 누르면 "기본 파일 관리자와 동일" 목록의 마지막 항목으로 이동합니다.
미리보기 카드에서 audio/video 파일을 볼 때 space 누르면 모달을 닫는 대신 항목이 재생/일시 중지됩니다 .
이중 클릭/탭
모든 왼쪽/오른쪽 제스처에는 해당 제스처도 사용할 수 있습니다.
이미지 편집기를 사용하는 동안 esc 누르면 모달이 닫히지 않지만 modal background 두 번 클릭/탭하면 닫힐 수 있습니다. "실수로 변경 사항을 취소하는 것을 방지하려면" .

- 정보 사이드바는 대형 화면 "> 1023px" 에서만 사용할 수 있습니다.
- 다른 keydown 이벤트를 방해하지 않으려면 다음을 통해 관리자 리스너를 전환할 수 있습니다.
EventHub.fire('disable-global-keys', true/false) .

항해	단추	건반	클릭/탭	만지다
	업로드 패널 전환 (도구 모음)	유
	새로 고침 (도구 모음)	아르 자형	"캐시 지우기"를 유지하세요	핀치 인 (항목 컨테이너)
	이동 가능한 목록 이동/표시 (도구 모음)	m / p
	이미지 편집기 (도구 모음)	이자형
	삭제 (도구 모음)	d / 델
	잠금/잠금 해제 (도구 모음)	엘	"이미지 이외의 것"을 유지하십시오.
	가시성 변경 (도구 모음)	다섯
	대량 선택 전환 (도구 모음)	비
	(재설정) 모두 일괄 선택 (도구 모음)	에이
	이동 가능한 목록에 추가 (장바구니)	c / x	*
	이동 가능한 목록 이동/표시 (장바구니)		**
	이동 가능한 목록 지우기 (장바구니)		잡고 있다
	사이드바 전환 (경로 표시줄)	티	*	왼쪽/오른쪽으로 스와이프 (사이드바)
	확인 (모달)	입력하다
	미리보기 이미지/PDF/텍스트 전환 (항목)	공간	**
	미디어 재생/일시 중지 (항목)	공간	**
	숨기기(모달/업로드 패널)	에스
	재설정(검색/일괄선택/필터링/정렬)	에스
	업로드 쇼 미리보기 재설정	에스
	업로드 미리보기 확인	입력하다

	이동 가능한 목록 (항목) 에 추가			위로 스와이프
	(항목) 삭제			아래로 스와이프
	(항목) 이름 바꾸기			왼쪽으로 스와이프
	이미지 편집기 (항목)		잡고 있다
	현재 ++ 선택됨 (항목)	쉬프트 + 클릭
	현재 + 선택됨 (항목)	Alt/메타 + 클릭
	새 폴더 만들기		** (아이템 컨테이너)

다음 "항목" 으로 이동		오른쪽	*	왼쪽으로 스와이프 (미리보기)
이전 "항목" 으로 이동		왼쪽	*	오른쪽으로 스와이프 (미리보기)
첫 번째 "항목" 으로 이동		집
마지막 "항목" 으로 이동		끝
다음 "행" 으로 이동		아래에		위로 스와이프 (미리보기)
이전 "행" 으로 이동		위로		아래로 스와이프 (미리보기)
폴더 열기		입력하다	**
이전 "dir" 로 이동	폴더 이름 (경로 표시줄)	역행 키이	*	오른쪽으로 스와이프 (항목 컨테이너)

이벤트

유형	이벤트 이름	설명
JS
	모달쇼	모달이 표시될 때
	모달 숨기기	모달이 숨겨져 있을 때
	file_selected (모달 내부에 있을 때)	선택한 파일 URL 가져오기
	multi_file_selected (모달 내부에 있을 때)	대량 선택된 파일 URL 가져오기
	폴더_ 선택됨(모달 내부에 있는 경우)	선택한 폴더 경로 가져오기
라라벨
	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)	이동된 파일/폴더 가져오기 "이전 및 새" 저장 경로