semilara/filemanager is a Laravel package for filemanager for laravel for images.
It currently has 1 GitHub stars and 22 downloads on Packagist (latest version v0.2.0).
Install it with composer require semilara/filemanager.
Discover more Laravel packages by semilara
or browse all Laravel packages to compare alternatives.
Last updated
Laravel Image Manager for v5.8.
Add "semilara/filemanager": "dev-master" in your composer.json
Run composer update from your terminal.
Add ServiceProvider to Providers array in config/app.php
Semilara\Filemanager\FilemanagerServiceProvider::class,
Publish
php artisan vendor:publish --provider="Semilara\Filemanager\FilemanagerServiceProvider" --tag="filemanager" --force
Add site's non public url to .env's APP_URL
Add these scripts to footer of the page you want to set filemanager to, or set it on global footer
<script src="{{ asset('js/jquery-2.1.1.min.js') }}"></script>
<script src="{{ asset('js/filemanager.js') }}"></script>
<head> tag<meta name="csrf-token" content="{{ csrf_token() }}">
<script src="{{ asset('js/app.js') }}" defer></script>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/filemanager.css') }}" rel="stylesheet">
<link href="{{ asset('css/font-awesome/css/font-awesome.css') }}" rel="stylesheet">
Note: No need to add csrf-token,app.js and app.css if you are already added.
<div class="image-manager-main-div">
<div style="display: none;" class="image-manager-image-div"><img src="" alt="" title=""/></div>
<button type="button" class="image-manager-button">Set image</button>
<input type="hidden" class="thumb-placement" name="image" id="thumb-placement" />
</div>
Note : if you want to use multiple thumbnails on single page then make sure to make id="thumb-placement" unique and take name="image" as an array name="image[]"
All the default config are set in config/imagemanager.php
'imagemanager_path' => 'storage/app/public',
'allowed_file_extension' => ['jpg','jpeg','gif','png','webp'],
'allowed_file_mime_types' => ['image/jpeg','image/pjpeg','image/png','image/x-png','image/gif','image/webp'],
'thumbnail_height' => '100',
'thumbnail_width' => '100',