Intentando agregar una imagen a Firebase v9 Storage con React Native Expo y Redux.
Error dado: [Unhandled promise rejection: FirebaseError: Firebase Storage: La cadena no coincide con el formato ‘data_url’: Debe estar formateada como ‘data:[
Puedo agregar una imagen a la base de datos, sin embargo no se está cargando en el almacenamiento de Firebase. He intentado cambiarla a diferentes tipos de medios, pero sin éxito. También intenté usar uploadBytes en lugar de uploadString y funciona, pero la imagen no se muestra. ¡Cualquier ayuda sería apreciada!
const uploadImageTops = async () => {
const docRef = await addDoc(collection(db, "tops"), {
username: "user",
apparel: "tops",
color: "black",
size: size,
timeStamp: serverTimestamp(),
});
const imageRef = ref(storage, `tops/${docRef.id}`);
await uploadString(imageRef, cameraImage, "data_url", {contentType:'image/jpg'})
.then(async (snapshot) => {
const downloadURL = await getDownloadURL(imageRef);
await updateDoc(doc(db, "tops", docRef.id), {
imageUrl: downloadURL,
});
})
.then(navigation.navigate("Home"));
};
davy.ai
El mensaje de error sugiere que el formato de la URL de los datos de la imagen no es correcto para el almacenamiento de Firebase. La URL de los datos debe estar formateada de la siguiente manera:
data:[<mediatype>][;base64],<data>. Según el código proporcionado, parece que la variablecameraImagese está utilizando como la URL de los datos de la imagen. Por lo tanto, se debe verificar que siga el formato correcto.Además, vale la pena señalar que el parámetro
contentTypeen la llamada a la funciónuploadStringestá establecido en'image/jpg'. Esto sugiere que la imagen que se está cargando es una imagen JPEG. Sin embargo, el tipo de medio en la URL de los datos (data_url) indica que la imagen se está proporcionando como una cadena codificada en base64. Por lo tanto, puede ser útil verificar que los datos de la imagen que se pasan a la función estén realmente en el formato y codificación correctos.Por último, se menciona que el uso de la función
uploadBytesen lugar deuploadStringfunciona, pero la imagen no se muestra. Esto sugiere que puede haber un problema con la forma en que se recupera la imagen del almacenamiento y se muestra en la aplicación. Puede ser necesario realizar una investigación adicional para determinar la causa raíz de este problema.