To implement a file and media management system in your Laravel application, you can use a package like Laravel File Manager. This package provides a straightforward way to handle file uploads, management, and storage.
Step 1: Install Laravel File Manager
First, install the Laravel File Manager package via Composer. Run the following command:
bash
|
1 |
composer require unisharp/laravel-filemanager |
Step 2: Publish Configuration and Assets
Next, you need to publish the configuration file and assets of the package:
bash
|
1 2 |
php artisan vendor:publish --tag=lfm_config php artisan vendor:publish --tag=lfm_public |
This will publish the configuration file to config/lfm.php and the public assets to the public/vendor/laravel-filemanager directory.
Step 3: Configure File Manager
Open the config/lfm.php configuration file and configure the settings according to your needs. Here are some important settings you might want to adjust:
- Base directory: This defines where the files will be stored. By default, it’s set to
public. - File system: Configure the file system driver if you want to use something other than the default local storage.
Example configuration:
php
|
1 2 3 4 5 6 |
return [ 'base_directory' => 'public', 'disk' => 'local', 'images_dir' => 'images', 'files_dir' => 'files', ]; |
Step 4: Set Up Routes
Next, you need to set up routes for the file manager. Open your routes/web.php file and add the following routes:
php
|
1 2 3 |
Route::group(['prefix' => 'laravel-filemanager', 'middleware' => ['web', 'auth']], function () { \UniSharp\LaravelFilemanager\Lfm::routes(); }); |
Make sure to add the 'auth' middleware if you want to restrict access to authenticated users.
Step 5: Add Middleware for Authentication
If you want to protect the file manager routes, you can use Laravel’s built-in authentication middleware. Ensure you have authentication set up (e.g., Laravel Breeze, Jetstream, or any other method).
Step 6: Create a File Upload Form
You can create a simple file upload form in your Blade view. Here’s an example form:
blade
|
1 2 3 4 5 |
<form action="{{ route('lfm.store') }}" method="POST" enctype="multipart/form-data"> @csrf <input type="file" name="file[]" multiple> <button type="submit">Upload</button> </form> |
Step 7: Use File Manager in Your Views
To display the file manager in your views, you can include it using the provided JavaScript and CSS files.
Add the following lines to your Blade view:
blade
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/file-manager.css') }}"> <script src="{{ asset('vendor/laravel-filemanager/js/file-manager.js') }}"></script> <script> $(document).ready(function() { $('#lfm').filemanager('image'); }); </script> <!-- Add an input for file URL --> <input id="lfm" type="text" name="image" class="form-control" /> <button class="btn btn-primary" data-input="lfm" data-preview="holder">Choose Image</button> <img id="holder" style="margin-top:15px;max-height:100px;"> |
Step 8: Handling File Uploads
Once the user submits the file upload form, Laravel File Manager will handle the uploads and store them in the specified directory. You can access the files in your storage/app/public or public directory depending on your configuration.
Step 9: Display Uploaded Files
You can display the uploaded files by iterating through the files in the specified directory. For example, in your view:
blade
|
1 2 3 4 5 6 |
@foreach ($files as $file) <div> <img src="{{ asset('storage/' . $file->path) }}" alt="{{ $file->name }}"> <p>{{ $file->name }}</p> </div> @endforeach |
Step 10: Configuring File Types and Validation
You can configure which file types are allowed for upload in the config/lfm.php file. Look for the allowed_types configuration:
php
|
1 |
'allowed_types' => ['jpg', 'png', 'gif', 'mp4', 'pdf'], // Add your allowed file types |
Step 11: Handle File Deletion (Optional)
To delete files, you can create a method in your controller to handle the deletion:
php
|
1 2 3 4 5 6 7 8 |
public function destroy($id) { $file = File::findOrFail($id); Storage::disk('local')->delete($file->path); $file->delete(); return redirect()->back()->with('success', 'File deleted successfully'); } |
Summary
With these steps, you’ve successfully set up a file and media management system in your Laravel application using Laravel File Manager. Here’s a quick recap of what you did:
- Install Laravel File Manager using Composer.
- Publish configuration and assets.
- Configure the file manager settings.
- Set up routes for file management.
- Create a file upload form in your Blade view.
- Use the file manager in your views for selecting files.
- Handle file uploads and display uploaded files.
- Optionally, configure allowed file types and handle file deletion.
- Laravel Breeze – Simple authentication starter kit
- Laravel Jetstream – Scaffolding for Laravel apps
- Laravel Passport – API authentication via OAuth2
- Laravel Sanctum – Simple API authentication
- Spatie Laravel Permission – Role and permission management
- Laravel Cashier – Subscription billing with Stripe
- Laravel Scout – Full-text search using Algolia
- Laravel Socialite – OAuth authentication (Google, Facebook, etc.)
- Laravel Excel – Excel import and export for Laravel
- Laravel Horizon – Redis queues monitoring
- Laravel Nova – Admin panel for Laravel
- Laravel Fortify – Backend authentication for Laravel
- Laravel Vapor – Serverless deployment on AWS
- Laravel Telescope – Debugging assistant for Laravel
- Laravel Dusk – Browser testing
- Laravel Mix – API for compiling assets
- Spatie Laravel Backup – Backup management
- Laravel Livewire – Building dynamic UIs
- Spatie Laravel Media Library – Manage media uploads
- Laravel Excel – Excel spreadsheet handling
- Laravel Debugbar – Debug tool for Laravel
- Laravel WebSockets – Real-time communication
- Spatie Laravel Sitemap – Generate sitemaps
- Laravel Spark – SaaS scaffolding
- Laravel Envoy – Task runner for deployment
- Spatie Laravel Translatable – Multilingual model support
- Laravel Backpack – Admin panel
- Laravel AdminLTE – Admin interface template
- Laravel Collective Forms & HTML – Simplified form and HTML generation
- Spatie Laravel Analytics – Google Analytics integration
- Laravel Eloquent Sluggable – Automatically create slugs
- Laravel Charts – Chart integration
- Laravel Auditing – Track changes in models
- Laravel JWT Auth – JSON Web Token authentication
- Laravel Queue Monitor – Monitor job queues
- Spatie Laravel Query Builder – Filter, sort, and include relationships in Eloquent queries
- Laravel Datatables – jQuery Datatables API
- Laravel Localization – Multilingual support for views and routes
- Laravel Acl Manager – Access control list manager
- Laravel Activity Log – Record activity in your app
- Laravel Roles – Role-based access control
- Spatie Laravel Tags – Tagging models
- Laravel Installer – CLI installer for Laravel
- Laravel Breadcrumbs – Generate breadcrumbs in Laravel
- Laravel Mailgun – Mailgun integration for Laravel
- Laravel Trustup Model History – Store model change history
- Laravel Deployer – Deployment automation tool
- Laravel Auth – Custom authentication guards
- Laravel CORS – Cross-Origin Resource Sharing (CORS) support
- Laravel Notifications – Send notifications through multiple channels
- Spatie Laravel Http Logger – Log HTTP requests
- Laravel Permission Manager – Manage permissions easily
- Laravel Stubs – Customize default stubs in Laravel
- Laravel Fast Excel – Speed up Excel exports
- Laravel Image – Image processing
- Spatie Laravel Backup Server – Centralize backups for Laravel apps
- Laravel Forge API – Manage servers through the Forge API
- Laravel Blade SVG – Use SVGs in Blade templates
- Laravel Ban – Ban/unban users from your application
- Laravel API Response – Standardize API responses
- Laravel SEO – Manage SEO meta tags
- Laravel Settings – Store and retrieve settings
- Laravel DOMPDF – Generate PDFs
- Laravel Turbo – Full-stack framework for building modern web apps
- Spatie Laravel Event Sourcing – Event sourcing implementation
- Laravel Jetstream Inertia – Jetstream’s Inertia.js integration
- Laravel Envoy Tasks – Task automation
- Laravel Likeable – Like/dislike functionality
- Laravel GeoIP – Determine visitor’s geographic location
- Laravel Country State City – Dropdowns for country, state, and city
- Laravel Hashids – Generate short unique hashes
- Laravel Repository – Repository pattern for Laravel
- Laravel UUID – UUID generation for models
- Spatie Laravel Medialibrary Pro – Enhanced media management
- Laravel Queue Monitor – Monitor Laravel job queues
- Laravel User Activity – Monitor user activity
- Laravel DB Snapshots – Create database snapshots
- Laravel Twilio – Twilio integration
- Laravel Roles – Role-based permission handling
- Laravel Translatable – Add translations to Eloquent models
- Laravel Teamwork – Manage teams in multi-tenant apps
- Laravel Full Text Search – Add full-text search to Laravel models
- Laravel File Manager – File and media management
- Laravel User Timezones – Automatically detect user time zones
- Laravel ChartsJS – Render charts with ChartsJS
- Laravel Stripe – Stripe API integration
- Laravel PDF Generator – PDF generation
- Laravel Elasticsearch – Elasticsearch integration
- Laravel Simple Qrcode – Generate QR codes
- Laravel Timezone – Manage timezones and conversions
- Laravel Collective API – API management for Laravel
- Laravel Rest API Boilerplate – REST API starter kit
- Laravel Multi Auth – Multi-authentication functionality
- Laravel Voyager – Admin panel for Laravel
- Laravel Voyager Database – Database manager for Voyager
- Laravel Categories – Handle categories for models
- Laravel Multitenancy – Multi-tenancy implementation
- Laravel Access Control – Advanced access control for users
- Laravel Menus – Menu management
- Laravel Translatable Routes – Multilingual route handling