kostasmavraidis / vuetify-file-browser

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

Vuetify File Browser

npm config set registry http://hq.dotbydot.gr:7070/npm/npm/ npm config set always-auth=true npm config set _auth nMXc1p8RP8cM9txo7vYh *the key should be at base 64. Use if you want at the given key function btoa(key) to the the requested key and then run the commnand.

Change version with command npm version < new-version> npm run build npm publish --reg http://proget.dotbydot.gr/npm/npm/

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

💣 Demo

🚀 Backend

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 }