Open source file manager component for Vue.js. Requires Vuetify v2.0 or higher.
Storages:
- Local Filesystem;
- Amazon S3;
- Dropbox;
- Google Drive;
Functions:
- Multiple file uploading
- Create folder;
- Delete file/folder;
- Filtering;
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>// 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 }
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent