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.

amir94rp / laravel-file-manager

Maintainers

Details