vuetify-vuejs-firebaseuploader

0.0.25 • Public • Published

vuetify-vuejs-firebaseUploader

npm version

A dead simple VueJS component to upload file in Firebase Storage

Sample

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>

Package Sidebar

Install

npm i vuetify-vuejs-firebaseuploader

Weekly Downloads

0

Version

0.0.25

License

MIT

Unpacked Size

172 kB

Total Files

10

Last publish

Collaborators

  • vbrosseau