/vuetify-file-browser

Open source file manager component for web (Vue.js, Vuetify, Node.js)

Primary LanguageVueMIT LicenseMIT

Vuetify File Browser

Open source file manager component for Vue.js. Requires Vuetify v2.0 or higher.

💣 Demo

🚀 Backend

Screenshot

Features

Storages:

  • Local Filesystem;
  • Amazon S3;
  • Dropbox;
  • Google Drive;

Functions:

  • Multiple file uploading
  • Create folder;
  • Delete file/folder;
  • Filtering;

Usage

npm i vuetify-file-browser
<template>
    <file-browser :axiosConfig="{baseURL: 'http://localhost:8081'}" />
</template>

<script>
import FileBrowser from "vuetify-file-browser";

export default {
    components: {
        FileBrowser
    }
};
</script>

Props

// comma-separated list of active storage codes
storages: {
    type: String,
    default: () => availableStorages.map(item => item.code).join(",")
},
// code of default storage
storage: { type: String, default: "local" },
// show tree view
tree: { type: Boolean, default: true },
// file icons set
icons: { type: Object, default: () => fileIcons },
// custom backend endpoints
endpoints: { type: Object, default: () => endpoints },
// custom axios instance
axios: { type: Function },
// custom configuration for internal axios instance
axiosConfig: { type: Object, default: () => {} },
// max files count to upload at once. Unlimited by default
maxUploadFilesCount: { type: Number, default: 0 },
// max file size to upload. Unlimited by default
maxUploadFileSize: { type: Number, default: 0 }