如何在 Firebase 中将唯一 ID 保存为图像的名称？

Question

嘿，伙计们，我遇到了与 firebase 相关的问题，所以问题是每当我两次上传同一张照片时，我都会收到一个错误，即之前的照片由于名称相同而无法获取（这是一个空白的 img 图标），所以我安装了生成唯一 ID 的库“uuidv4”，那么我如何放置和保存唯一 ID 而不是给定的图像名称

let uniqueId = uuidv4()
const uploadTask = storage.ref(`images/${image.name}`).put(image);

然后我就这样做了

let uniqueId = uuidv4()
const uploadTask = storage.ref(`images/${uniqueId}`).put(image);

但出现错误 "Firebase Storage: Invalid argument in put at index 0: Expected Blob or File.

上传功能（我下面有jsx，我没有在底部包含，所以不用担心右括号）

function ImageUpload({username}) {
    const [image, setImage] = useState(null);
    const [progress, setProgress] = useState(0);
    const [caption, setCaption] = useState('');

    const handleChange = (e) => {
        if (e.target.files[0]) {
            setImage(e.target.files[0]);
        }
    };

    const handleUpload = () => {
        let uniqueId = uuidv4()
        const uploadTask = storage.ref(`images/${image.name}`).put(image);

        uploadTask.on(
            "state_changed",
            (snapshot) => {
                const progress = Math.round (
                    (snapshot.bytesTransferred / snapshot.totalBytes) * 100
                );
                setProgress(progress);
            },
            (error) => {
                console.log(error);
                alert(error.message);
            },
            () => {
                storage
                .ref("images")
                .child(image.name)
                .getDownloadURL()
                .then(url => {
                    db.collection("posts").add({
                        timestamp: firebase.firestore.FieldValue.serverTimestamp(),
                        caption: caption,
                        imageUrl: url,
                        username: username                     
                    })
                })
                setProgress(0)
                setCaption('')
                setImage(null)
            }
        )
    }
return(jsx)
}

Answer 1

在 firebase 中，您可以自行决定上传文件的名称。但是，如果图像链接到帐户，我通常会使用登录用户的 mAuth id 作为目录或只是文件名。这样可以避免重复！

另一种方法是使用根据日期或时间生成唯一密钥的算法，但您仍然需要仔细检查该密钥是否已经存在才能确定。

可能还有另一种我不知道的方式，因为在实时数据库上创建会以某种方式创建自己的密钥。

同一张照片你可以简单地再次递归调用该方法并在文件末尾添加索引，但是这种方法不是很好用。

有关更多或更好的详细信息，请查看此帖子： Does Firebase storage offer unique Id's for files?