This component is a multi-file uploader for firebase
yarn add ic-firebase-uploader
npm i --save ic-firebase-uploader
import IcFirebaseUploader from 'ic-firebase-uploader';
import 'ic-firebase-uploader/dist/ic-firebase-uploader.min.css';
Vue.component('ic-firebase-uploader', IcFirebaseUploader);
<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>
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>
npm run serve
Build configuration is located in the poi.config.js
file, to build just run: npm run build
, it will build to cjs
and umd
directories.
This template uses karma with chai by default, you can change test settings in poi.config.js
npm run test
npm run test:watch
npm run test:cov
This project is licensed under Apache 2.0