Breaking News: Grepper is joining You.com. Read the official announcement!

HTML upload file firebase 9

Wintis answered on November 6, 2022 Popularity 3/10 Helpfulness 7/10

answer HTML upload file firebase 9

HTML upload file firebase 9

Comment

import { initializeApp } from 'firebase/app';
import { getAuth, GoogleAuthProvider, signInWithPopup } from 'firebase/auth';
import { getStorage, ref, uploadBytes, deleteObject, getDownloadURL } from 'firebase/storage';

const firebaseConfig = {
    apiKey: "AIzaSyAPJ44X28c .... 6FnKK5vQje6qM",
    authDomain: "fir-expts-app.firebaseapp.com",
    projectId: "fir-expts-app",
    storageBucket: "fir-expts-app.appspot.com",
    messagingSenderId: "1070731254062",
    appId: "1:10707312540 ..... 61bd95caeacdbc2bf",
    measurementId: "G-Q87QDR1F9T"
};
const app = initializeApp(firebaseConfig);
const storage = getStorage(app);

window.onload = function () {
    document.getElementById('fileitem').onchange = function () { uploadFile() };
}

function uploadFile() {
    const file = document.getElementById('fileitem').files[0];
    const filename = document.getElementById('fileitem').files[0].name;
    const storageRef = ref(storage,filename );
    uploadBytes(storageRef, file).then((snapshot) => {
        alert('Successful upload');
    });
}

Popularity 3/10 Helpfulness 7/10 Language html

Source: dev.to

Tags: file firebase html upload

Link to this answer
Share Copy Link

Contributed on Nov 06 2022

Wintis

0 Answers Avg Quality 2/10

HTML upload file firebase 9

Contents

More Related Answers

HTML upload file firebase 9

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.