vuetify-vuejs-firebaseUploader
A dead simple VueJS component to upload file in Firebase Storage
Installation
npm install vuetify-vuejs-firebaseuploader --save
Todo
- Remove confirmation.
- Support drag and drop.
Usage
<template> <v-container grid-list-md> <v-layout row wrap> <firebaseUploader path="YOUR/FOLDER/" :storage="getStorage()" targetFileName="image.png" uploadFileLabel="Upload a file" deleteFileLabel="Delete the file" unsuportedMediaTypeLabel="Invalide file format" :limitToType="['image/png']" :previewMediaContain="false" responsiveGrid="sm12" @onFileUpload="onUpload" @onFileDelete="onDelete" @onFileUploadError="onUploadError" /> </v-layout> </v-container></template> <script> import Vue from 'vue'; import firebaseUploader from 'vuetify-vuejs-firebaseuploader'; Vue.use(firebaseUploader); export default { name: 'event', getStorage: function(){ return firebase.storage(); }, onUpload: function(path){ console.log(path); }, onDelete: function(path){ console.log(path); } }</script>