uploadTask.on( "state_changed", (snapshot) => { const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100; setProgress(progress); switch (snapshot.state) { case "paused": console.log("Upload is paused"); break; case "running": console.log("Upload is running"); break; default: break; } }, (error) => { console.log(error); }, () => { getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => { setData((prev) => ({ ...prev, img: downloadURL, })); }); } );
Creo que esto se debe a que la URL de descarga es un lugar para descargar la imagen, no un lugar que aloja la imagen. Puede intentar encontrar la URL de la imagen en lugar de la URL de descarga, o puede descargar la imagen y hacer referencia a ella desde allí (¿posibilidad de eliminarla después?). Para lo primero, consulte la documentación de la biblioteca que está utilizando. Este último probablemente no sea bueno para el rendimiento, pero podría ser una manera fácil de hacer las cosas si no necesita rendimiento.