amir94rp / laravel-file-manager
vue 3 laravel file manager
2.0.0
2022-04-09 10:23 UTC
Requires
- php: >=7.3
- intervention/image: >=2.7
- tightenco/ziggy: >=1.0
README
This package developed for Vue.js 3 and has the basic requirements of a file manager ( image uploader ).
Install
composer require amir94rp/laravel-file-manager
and now you may publish config file by running the following command
php artisan vendor:publish --tag=laravel-file-manager
add @routes to head of your root template.
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> ... @routes </head> <body> ... </body> </html>
vue 3 components
you can use both file-input and file-manager components. install them first.
npm i @amir94rp/vue3-file-input --save-dev npm i @amir94rp/vue3-file-manager --save-dev
FileInput
<template> <FileInput :images="images" v-on:update:images="images = $event" :sm-cols="1" :md-cols="4" :multiple="false" /> </template> <script> import FileInput from "@amir94rp/vue3-file-input"; export default { components: { FileInput }, data(){ return{ images:[] } } } </script>
Type | Description | |
---|---|---|
images | Array | array of images url |
multiple | Boolean | allow multiple image selection |
sm-cols & md-cols | Integer (1-12) | it defines the maximum columns allowed |
FileManager
<template> <FileManager :open-file-manager="open" :multiple="false" v-on:update:openFileManager="open = $event" v-on:update:selectedImages="images = $event" /> </template> <script> import FileManager from "@amir94rp/vue3-file-manager"; export default { data(){ return{ open : false, images : [] } }, components:{ FileManager } } </script>
Type | Description | |
---|---|---|
open-file-manager | Boolean | show file manager modal |
multiple | Boolean | allow multiple image selection |
update:selectedImages | Array | it will return array of selected images |
update:openFileManager | Boolean | it will return modal status |
License
The Laravel package is open-sourced software licensed under the MIT license.