如何根据以前的参考值动态创建 Firebase 存储参考？

Question

以下是我需要帮助的流程的简要概述：

1. 客户端将图像上传到位于 users/displayName/uid/ 的 Firebase 存储 - 这一步很清楚并完成。这个不需要帮助。

2. 然后，客户端按下“请求报价”按钮，将图像的 URL（在步骤 1 中上传到存储的图像）保存到 Firebase Firestore - 这一步很清楚并完成。这个不需要帮助。

3. 在将 URL 保存到 Firestore 后，我希望将步骤 1 中的这些图像移动到 Storage 的同一存储桶中到 users/displayName/uid/order1。所以，基本上，从 users/displayName/uid/ 到 users/displayName/uid/order1。 - 我需要帮助才能为此操作编写正确的 Javascript 代码。我尝试了下面的代码 sn-p 但它似乎不起作用，不知道是什么问题。

4. 在未来的某个时候，同一个客户端将需要上传更多图片，从而重复上面的前 3 个步骤。但是，在第三步，我需要将他的图像从 users/displayName/uid/ 移动到 users/displayName/uid/order2。问题在于我不知道如何将目录的最后一部分呈现为 order2，而不是与第三步中的 order1 相同。每次客户重复这些步骤时，“订单”后的数字基本上都需要增加。我不知道如何为此编写正确的代码。请帮忙。

如果有帮助，以下是我将图像上传到 Firebase Storage 和 Firebase Firestore 的函数：

// Upload to Storage

    handleUpload = () => {

        this.state.files.forEach((file) => {
            const storageRef = firebase.storage().ref(`users/${this.state.displayName}/${this.state.uid}/${file.name}`);
            var task = storageRef.put(file)


            // Progress

            task.on("state_changed", snapshot => {

                const progress = Math.round(
                    (snapshot.bytesTransferred / snapshot.totalBytes) * 100
                );
                this.setState({ progress });
            },


                // Error

                error => {
                    console.log(error);
                },


                // Additional function to update state with all files uploaded

                () => {
                    firebase.storage()
                        .ref(`users/${this.state.displayName}/${this.state.uid}`)
                        .child(file.name)
                        .getDownloadURL()
                        .then(url => {
                            this.setState(state => {
                                const urls = [...state.urls, url];
                                return {
                                    urls
                                };
                            });
                        });


                    // Empty file upload

                    this.setState({ progress: 0 })
                    this.setState({ files: [] })
                }
            );

        })


    };


// Saving to Firestore - PRESS GET A QUOTE TO ACTIVATE

    async saveToFirestore() {

        // Getting it all from storage first        
        const listRef = firebase.storage().ref(`users/${this.state.displayName}/${this.state.uid}`)

        const res = await listRef.listAll()
        const urlPromises = res.items.map((itemRef) => {
            return itemRef.getDownloadURL()
        })
        const urls = await Promise.all(urlPromises)


        // Then, we save it all to Firestore
        firebase.firestore().collection('Documents/').doc(this.state.displayName).set({
            documents: urls,
            quote: 'pending',
            name: this.state.displayName,
            email: this.state.email,
            emailVerified: this.state.emailVerified,
            createdAt: firebase.firestore.FieldValue.serverTimestamp(),
            userId: this.state.uid
        })
            .then(() => {

                const listRef = firebase.storage().ref(`users/${this.state.displayName}/${this.state.uid}`)

                listRef.listAll().then((res) => {

                    console.log(res)

                    res.items.forEach(function (item) {

                        console.log(item)

                        firebase.storage().ref(`users/${this.state.displayName}/${this.state.uid}/order1/${item.name}`).put(item);
                    });
                }).catch(function (error) {
                    // Uh-oh, an error occurred!
                });



                this.setState({ quote: "pending" })

                firebase.firestore().collection('Documents/').doc(this.state.displayName).get().then((doc) => {

                    if (doc.exists) {
                        doc.data().documents.forEach(url => {
                            this.setState(state => {
                                const documents = [...state.documents, url];
                                return {
                                    documents
                                };
                            });
                        })


                        this.setState({ createdAt: doc.data().createdAt.toDate().toString() })

                    } else {
                        // doc.data() will be undefined in this case
                        console.log("No such document!");
                    }
                }).catch(function (error) {
                    console.log("Error getting document:", error);
                });
            })
            .catch((error) => {
                console.error("Error writing document: ", error);
            });

    }

如果还有什么需要请告诉我。

非常感谢！

Answer 1

据我所知，您的问题分为两部分：

1. 确定下一个订单的文件夹
2. 将根目录下的所有文件写入此文件夹

我将重点介绍此答案的第一步。

确定下一个订单的文件夹

要确定下一个order? 文件夹，我们将从存储中获取所有文件/文件夹的列表，然后过滤它们以确定其中的最大数量：

var ref = firebase.storage().ref("62849565");

ref.listAll().then(function(res) {
  // Determine the next order folder
  const orderFolders = res.prefixes.filter((folder) => folder.name.match(/^order(\d+)$/));
  let highestOrderNumber = 0;
  orderFolders.forEach((folder) => {
    const match = folder.name.match(/^order(\d+)$/);
    const number = parseInt(match[1]);
    if (number > highestOrderNumber) {
      highestOrderNumber = number;
    }
  })
  const nextOrderFolderPrefix = "order" + (highestOrderNumber+1);

  // Move the files from the root to the new folder
  res.items.forEach(function(itemRef) {
    // TODO: read file from root and write it to the next order folder
  });
}).catch(function(error) {
  console.error(error);
});

（另见 jsbin 我创建/测试此代码的地方）

在上面：

1. res.prefixes.filter((folder) => folder.name.match(/^order(\d+)$/)) 确保我们只考虑遵循 order1 命名模式的文件夹。
2. 然后我们遍历文件夹以找到最大的数字。
3. 我们确定下一个文件夹的路径。

---

将根目录下的所有文件写入新文件夹

此代码中的TODO 是移动实际文件。 Cloud Storage（或其 Firebase SDK）中没有移动文件的操作。因此，您必须执行一系列读取文件，将其写入新位置，然后将其从原始位置删除。我建议搜索一下，因为我很确定这之前一定有人问过。