Instalasi
Konfigurasi
Fitur
Acara
Penggunaan
composer require ctf0/media-manager
mempublikasikan aset paket dengan
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
setelah instalasi, jalankan php artisan lmm:setup
untuk menambahkan
paket rute ke routes/web.php
kompilasi aset paket ke webpack.mix.js
untuk mengunci/membuka kunci item kami menggunakan db "sqlite" tetapi jika Anda lebih suka menggunakan sesuatu yang lain, Anda harus menjalankan migrasi
migrasi tukang php
menginstal dependensi
benang tambahkan 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 kode kunci cropperjs lottie-web plyr fuse.js musik-metadata-browser idb-keyval anyang proses penambahan benang buffer --dev
tambahkan satu liner ini ke file js utama Anda dan jalankan npm run watch
untuk mengkompilasi file js/css
Anda.
// app.js// campur v5window.Vue = require('vue')// campur v6import Vue dari 'vue'require('../assets/vendor/MediaManager/js/manager')new Vue({el: '#aplikasi'})
jika Anda mengalami masalah Periksa.
periksa juga catatan campuran v6
config/mediaManager.php
editor gambar
multi
mengunggah
memindahkan/menyalin
menghapus
unggah oleh keduanya
menggunakan panel unggah
seret & lepas di mana saja
klik & tahan pada area kosong "wadah barang"
dari url "hanya gambar"
pratinjau file sebelum mengunggah
beralih antara nama random/original
untuk file yang diunggah
Pembaruan asinkron
seleksi massal
tandai direktori yang dikunjungi untuk navigasi lebih cepat
mengubah visibilitas item
perbarui url halaman pada navigasi
tampilkan info file audio "artis, album, tahun, dll."
menyembunyikan file/folder secara dinamis
membatasi akses ke jalur
unduh yang dipilih "termasuk pilihan massal"
langsung salin tautan file yang dipilih
gunakan manajer
dari modal
dengan editor wysiwyg mana pun
gulir otomatis ke item yang dipilih menggunakan "kiri, atas, kanan, bawah, beranda, akhir"
mengunci/membuka kunci item.
cari di direktori saat ini atau secara global melalui seluruh koleksi.
menyaring menurut
map
gambar
audio
video
teks/pdf
aplikasi/arsip
barang terkunci
item yang dipilih
urutkan berdasarkan
nama
ukuran
terakhir dimodifikasi
item diperhitungkan
semua
terpilih
pencarian ditemukan
bilah rasio isi
perlindungan terhadap penimpaan (file/folder)
sanitasi nama file untuk
mengunggah
ganti nama
folder baru
tombol nonaktifkan/aktifkan tergantung pada penggunaan untuk menghindari kebisingan & menjaga fokus pengguna
pintasan/isyarat
file apa pun berjenis audio/video
ketika bilah sisi disembunyikan, akan membukanya di kartu pratinjau "sama seperti gambar" .
file apa pun dari jenis application/archive
akan mengunduhnya.
jika tidak ada lagi baris yang tersedia, menekan down
akan menuju ke item terakhir dalam daftar "sama seperti pengelola file asli" .
saat melihat file audio/video
di kartu pratinjau, menekan space
akan memutar/menjeda item alih-alih menutup modal.
dbl klik/ketuk
semua gerakan kiri/kanan juga tersedia padanannya.
menekan esc
saat menggunakan editor gambar tidak akan menutup modal tetapi Anda dapat mengklik/mengetuk modal background
untuk melakukannya. "untuk menghindari pembatalan perubahan Anda secara tidak sengaja" .
- sidebar info hanya tersedia di layar besar "> 1023px" .
- untuk berhenti mengganggu peristiwakeydown
lainnya, Anda dapat mengaktifkan pendengar pengelola
EventHub.fire('disable-global-keys', true/false)
.
navigasi | tombol | papan ketik | klik / ketuk | menyentuh |
---|---|---|---|---|
alihkan panel unggah (bilah alat) | kamu | |||
menyegarkan (bilah alat) | R | tahan "hapus cache" | cubit ke dalam (wadah barang) | |
pindahkan/tampilkan daftar bergerak (bilah alat) | m / hal | |||
editor gambar (bilah alat) | e | |||
hapus (bilah alat) | d / del | |||
mengunci/membuka kunci (bilah alat) | aku | tahan "apa pun kecuali gambar" | ||
mengubah visibilitas (bilah alat) | ay | |||
beralih pilihan massal (bilah alat) | B | |||
(reset) pilih semua secara massal (bilah alat) | A | |||
tambahkan ke daftar bergerak (keranjang belanja) | c / x | * | ||
pindahkan/tampilkan daftar bergerak (keranjang belanja) | ** | |||
hapus daftar bergerak (keranjang belanja) | memegang | |||
beralih sidebar (bilah jalur) | T | * | geser ke kiri/kanan (bilah samping) | |
konfirmasi (modal) | memasuki | |||
beralih pratinjau gambar/pdf/teks (item) | ruang angkasa | ** | ||
putar/jeda media (item) | ruang angkasa | ** | ||
sembunyikan (modal / panel unggah) | esc | |||
reset (pencarian / pemilihan massal / filter / penyortiran) | esc | |||
setel ulang unggahan showPreview | esc | |||
konfirmasi unggahan showPreview | memasuki | |||
tambahkan ke daftar bergerak (item) | geser ke atas | |||
hapus (barang) | geser ke bawah | |||
ganti nama (item) | geser ke kiri | |||
editor gambar (item) | memegang | |||
saat ini ++ dipilih (item) | geser + klik | |||
saat ini + dipilih (item) | alt/meta + klik | |||
membuat folder baru | ** (wadah barang) | |||
pergi ke "item" berikutnya | Kanan | * | geser ke kiri (pratinjau) | |
buka "item" sebelumnya | kiri | * | geser ke kanan (pratinjau) | |
pergi ke "item" pertama | rumah | |||
pergi ke "item" terakhir | akhir | |||
pergi ke "baris" berikutnya | turun | geser ke atas (pratinjau) | ||
buka "baris" sebelumnya | ke atas | geser ke bawah (pratinjau) | ||
buka folder | memasuki | ** | ||
buka sebelumnya "dir" | Nama folder (bilah jalur) | ruang belakang | * | geser ke kanan (wadah item) |
jenis | nama acara | keterangan |
---|---|---|
JS | ||
pertunjukan modal | ketika modal ditampilkan | |
modal-sembunyikan | ketika modal disembunyikan | |
file_selected (saat berada di dalam modal) | dapatkan url file yang dipilih | |
multi_file_selected (saat berada di dalam modal) | dapatkan url file yang dipilih secara massal | |
folder_selected (saat berada di dalam modal) | dapatkan jalur folder yang dipilih | |
Laravel | ||
MMFileDiunggah($file_path, $mime_type, $options) | dapatkan jalur penyimpanan file yang diunggah, jenis mime, opsi khusus | |
MMFileDisimpan($file_path, $mime_type) | dapatkan jalur penyimpanan penuh gambar yang disimpan (diedit/tautan), tipe mime | |
MMFileDihapus($file_path, $is_folder) | dapatkan jalur penyimpanan file/folder yang dihapus, jika item yang dihapus adalah folder | |
MMFileBerganti Nama($jalur_lama, $jalur_baru) | dapatkan jalur penyimpanan file/folder yang diganti namanya menjadi "lama & baru". | |
MMFileMoved($jalur_lama, $jalur_baru) | memindahkan jalur penyimpanan file/folder "lama & baru". |
Wiki
Demo
kunjungi localhost:8000/media
Jika Anda menemukan masalah terkait keamanan, silakan kirim email ke [email protected].