alireza-moh / laravel-file-explorer
Laravel File Explorer is a package for easy file management in Laravel apps, offering features like browsing, uploading, and deleting files. Ideal for content management systems and file storage solutions
v1.0.0
2024-03-08 10:42 UTC
Requires
- php: ^8.2
- ext-zip: *
- laravel/framework: ^10.0
- league/flysystem: ^3.0
Requires (Dev)
- orchestra/testbench: ^8.4
- pestphp/pest: 2.x-dev
- phpunit/phpunit: ^9.6 || ^10.1
This package is auto-updated.
Last update: 2024-05-04 20:29:11 UTC
README
Laravel File Explorer is a package for easy file management in Laravel apps, offering features like browsing, uploading, and deleting files. Ideal for content management systems and file storage solutions.
Features
- Frontend mae with Vuejs 3
- Light/dark mode toggle
- Utilizes Laravel Flysystem standards for file system operations
- Supports Local, FTP, S3, Dropbox, and other storage options
- Enables selective disk interaction for precise file management
- Supports File System Operations:
- Create and manage files with ease
- Organize content efficiently through directory creation
- Seamlessly rename files and directories
- Enable multi-upload functionality for efficient file transfers
- Facilitate downloading files
- Intuitive image preview feature for quick visual assessment
- Enhance image viewing
- Integrated video player
- Built-in code editor for quick edits and customization
- Code editor
- Backend events for enhanced monitoring
Installation
Install Laravel File Explorer with composer
composer require alireza-moh/laravel-file-explorer
Publish configuration file
php artisan vendor:publish --tag=lfx.config
Download the frontend into your project
npm i laravel-file-explorer
Add the FileExplorer component to the vue app
import LaravelFileExplorer from "laravel-file-explorer"; import "laravel-file-explorer/dist/style.css"; app.use(LaravelFileExplorer);
Use the component inside your vue component
<LaravelFileExplorer :setting="{baseUrl: 'http://laravel-wrapper.localhost:8084/api/laravel-file-explorer/'}"/>