Ic-firebase-uploader NPM

ic-firebase-uploader

This component is a multi-file uploader for firebase

Installation

Using yarn

yarn add ic-firebase-uploader

Using npm

npm i --save ic-firebase-uploader

ES6 Modules / CommonJS

import IcFirebaseUploader from 'ic-firebase-uploader';
import 'ic-firebase-uploader/dist/ic-firebase-uploader.min.css';

Vue.component('ic-firebase-uploader', IcFirebaseUploader);

UMD

<script src="https://unpkg.com/vue" charset="utf-8"></script>
<script src="./dist/umd/ic-firebase-uploader.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="./dist/umd/ic-firebase-uploader.min.css">

<script type="text/javascript">
  Vue.component('ic-firebase-uploader', window.IcFirebaseUploader);
</script>

Usage

const firebase = require('firebase')

const config = {
  apiKey: "secret",
  projectId: "app-id",
  storageBucket: "app-id.appspot.com",
}

function getStorage() {
  firebase.initializeApp(config)
  return firebase.storage()
}

function getFileName(file) {
  return file.name + Math.floor(Math.random() * 1000)
}

function onUpload({doUpload}) {
  doUpload();
}

function onDelete({doDelete}) {
  doDelete();
}

<ic-firebase-upload
  path="images"
  max-files="3"
  :getFileName="getFileName"
  :storage="getStorage()"
  @upload="onUpload"
  @delete="onDelete">
</ic-firebase-upload>