Firebase v9上传图像仅显示9个字节

Question

我使用react本机和防火墙(v9)将图像上传到防火墙。在firebase存储中，文件已上载，但大小仅为9个字节，因此没有正确打开。我不知道如何解决这个问题。

const uploadFiles = (file, name, storeKey) => {
    if(!file){
        console.log('no file exists')
        return;
    }
    const exe = file.substring(file.lastIndexOf('.'));
    const fileName = name + exe;
    const storageRef = ref(storage, `/files/${fileName}`);
    const uploadTask = uploadBytesResumable(storageRef, file);
    uploadTask.on('state_changed', null,
        (error) => {
            alert(error);
        },
        () => {
            getDownloadURL(uploadTask.snapshot.ref)
            .then((URL) => {
                setDoc(doc(db, 'Store', storeKey, 'coffeeDB', name), {postImage: URL}, {merge: true});
                console.log('url registered')
            });
        }
    )
}

Answer 1

考虑到您正在调用file.substring(...)，file似乎是一个文件名。您不能仅仅通过传递文件名来上传文件，因为这将是一个安全风险。相反，您需要传递一个Blob | Uint8Array | ArrayBuffer，如这里和这里所示，通常通过传递获取文件名的File引用。