Vue.js 2 and Bootstrap 4 Web Development

Storing images using the Firebase data storage

Firebase cloud storage allows you to upload and retrieve different content (files, videos, images, and so on). In a very similar way, Firebase provides a way of accessing and managing your database, where you can access and manage your storage buckets. You can upload Blobs, strings in Base64, file objects, and so on.

First of all, you should tell your Firebase application that you are going to use Google cloud storage. Thus, you need to add a storageBucket attribute to your application configuration object. Check your application's settings on the Google Firebase console and copy the storageBucket reference to the firebase/index.js file:

// Initialize Firebase import firebase from 'firebase' //... let ...