<template> <div> <input type="file" id="dosya" @change="putDesign()" /> </div> </template> <script> import { initializeApp } from "firebase/app"; import { getStorage, ref } from "firebase/storage"; const firebaseConfig = { apiKey: , authDomain: , databaseURL: , projectId: , storageBucket: , messagingSenderId: , appId: , }; const app = initializeApp(firebaseConfig); const storage = getStorage(app); export default { data() { return { fileName: "", }; }, methods: { putDesign() { this.fileName = document.getElementById("dosya").files[0].name; const designRef = ref(storage, "design/" + this.fileName); designRef.put(this.fileName); }, }, }; </script>Hola amigos, estoy tratando de agregar archivos a Firebase Storage, pero me da este error: designRef no es una función. También probé otras formas que encontré en Internet, pero no pude hacerlo. ¿Cómo puedo agregar archivos a Firestore Storage?
Modular SDK no tiene un método put() . Necesitas usar uploadBytes . Además, se debe pasar el archivo en sí mismo en lugar de solo el nombre del archivo:
const file = document.getElementById("dosya").files[0] this.fileName = file.name; const designRef = ref(storage, "design/" + this.fileName); uploadBytes(designRef, file).then((snapshot) => { console.log('Uploaded:', file.name); });