Giter Site home page Giter Site logo

simple-fb-upload's Introduction

Simple Firebase Upload Example

This is a Firebase project showing you how to upload an image to the Firebase Storage. You must have a Firebase project already set up in Firebase and you will need to run a few commands to make this project work.

  1. Download this code and open it in your favorite editor.
  2. Then open this project up in a terminal or if you are using VSC you can use the integrated terminal.
  3. You will need to associate this project with your Firebase project.
  4. Run
    firebase login
    this will log you into Firebase.
  5. Next you will need to add your project to this code.
    firebase use --add
    You should now have your project connected to this project.
  6. Make sure the file .firebaserc has your project name listed.
    {
    "projects": {
    "default": "your-project-name"
    }
    }

Now you are ready to start the project.

If you look in the package.json there are a couple scripts that will be of use. the 'serve-local' is for testing locally and the 'deploy' is for deploying to Firebase. When you deploy to Firebase it will give you the URL for your site.

Properties that you can access in snapshot. PROPERTY TYPE WRITABLE bucket string NO generation string NO metageneration string NO fullPath string NO name string NO size number NO timeCreated string NO updated string NO md5Hash string YES on upload - NO on updateMetadata - NO cacheControl string YES contentDisposition string YES contentEncoding string YES contentLanguage string YES contentType string YES downloadURLs Array NO customMetadata Object YES

simple-fb-upload's People

Watchers

Todd Shelton avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.