Subiendo archivos de nuestro blog

Si te sale “firebase.storage is undefined” yo lo solucione agregando en index.html

<script src="https://www.gstatic.com/firebasejs/5.5.2/firebase-storage.js"></script>

y en ConfigFirebase.js agregue el storageBucket que te lo proporciona el panel de firebase una vez activando el storage

Link actualizado firebase storage:

 <script src="https://www.gstatic.com/firebasejs/8.4.3/firebase-storage.js"></script>

Yo hice un componente de react para el progress bar

import React from 'react'

export default function ImgProgressBar(props) {
  return (
    <div>
        <div className="bg-blue-700 text-white flex" 
             style={{width: !props.progress ? "0%" : `${props.progress}%`}}>
            <span>Porcentaje de subida: </span>
            <span>{!props.progress ? "0%" : props.progress}</span>
        </div>
    </div>
  )
}

sin embargo, el progress bar se va al 100% de golpe…no se si es porque se sube muy rapido (aunque me causa ruido). Si es un bug mio, porfa ayudenme con la solucion 😃

Aqui les dejo mi commit de mi practica con nextjs
https://github.com/jlbousing/nextjs-firebase-practica/commit/e679a4656b494ff8a5f9c96e0275d70712e67491

Si sale un mensaje de error con el mensaje “firebase.storage is undefined” solo es cuestion de escribir bien el cdn o sdk asi que dejare el script para que todo funcione con normal

<script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-storage.js"></script>

Y cómo descargo el archivo?

Hola, luego de ver el video de subir archivos a firebase quisiera saber que es mejor entre subir un archivo a firebase o convertir el archivo base 64 y colocarlo como un campo de un documento?

Hola, sucede que mis posts se crean y mi archivo (imagen en este caso) se sube a el storage de firebase, pero en el thumbnail del post no se muestra la imagen, en la consola solamente me dice esto.

post.js:41 Uncaught TypeError: Cannot read property ‘toDate’ of null
at post.js:41
at database.ts:1993
at document_set.ts:97
at o.inorderTraversal (sorted_map.ts:319)
at o.inorderTraversal (sorted_map.ts:320)
at n.inorderTraversal (sorted_map.ts:136)
at o.forEach (document_set.ts:96)
at e.forEach (database.ts:1992)
at Object.next (post.js:34)
at next (database.ts:1819)
at async_observer.ts:51

@firebase/firestore: Firestore (6.4.0):
The timestampsInSnapshots setting now defaults to true and you no
longer need to explicitly set it. In a future release, the setting
will be removed entirely and so it is recommended that you remove it
from your firestore.settings() call now.

Hola a todos por ver esta publicación.

Quien me hacer el favor de decirme como se hace para que mi archivo enviando al hosting no solo se vea en una sola ruta del proyecto, es decir que de la sección principal se vea también en mi actividad personal, en pocas palabras estén conectadas.

Gracias a todos

Link actualizado firebase storage

No se encuentra en los primeros pasos de firebase , en todo caso guiarse de los que se encuentra y solo cambiar la ultima parte por firebase-storage.js

<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-storage.js"></script>

Es genial que firebase te de esl status de la carga del archivo, esto siempre el útil para archivos pesados:D!

Existe alguna forma de aplicar transacción a estas activades?.
Es decir, revertir la tarea de registro o subida si algunas de estas no se lleva a cabo correctamente

Muy bien explicado.

Que pasa si al final el usuario cancela la creación del post o no queria subir esa imagen, estariamos almacenando la imagen que no seria util/necesaria

no entiendo el sessionStorage para que se usa? y no entiendo como lo usa para guardar la url a la bd?

se pueden subir vídeos del ordenador en el blog?

Sensacional Profesor, siempre quise saber como se hacia esto

Hola mi pregunta es como podria subir mas de un archivo, digase dos o tres fotos o pdf

Si el post no se llega a publicar o el usuario decide cambiar de imagen, se puede hacer una función que borre el archivo subido, pero eso funciona si el usuario cierra el formulario o la imagen de forma normal. En caso de que cierre la página, cómo haríamos para no almacenar archivos basura???