Estoy tratando de configurar React con Firebase. Actualmente tengo un formulario de entrada, donde puedo cargar imágenes en mi base de fuego. Mi problema es que no puedo;
import { getStorage, ref, uploadBytes, } from "firebase/storage"; import { app } from './base' function SubmitApp (){ const onChange = (e) => { const file = e.target.files[0] const storage = getStorage(app) const storageRef = ref(storage, 'images') // this names the files images, but can't delete uploadBytes(storageRef, file).then(() => { console.log('Uploaded to Firebase') }) } return ( <form onChange={onChange} > <input type='file' name='file' /> <button>Submit</button> </form> ) } export default SubmitApp
Para cargar todos los archivos:
const onChange = (e) => { const storage = getStorage(app) const storageRef = ref(storage, 'images') const now = Date.now() e.target.files.forEach((file, index) => { uploadBytes(storageRef.child("file_"+now+"_"+index), file).then(() => { console.log('Uploaded to Firebase') }) }) }
Aquí recorremos todos los archivos que el usuario seleccionó y los nombramos según la hora actual y su índice en el servidor.