将多个图像上传到firebase，然后将图像url保存到firestore

// 初始化 Firebase
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

const storage = firebase.storage();
const firestore = firebase.firestore();

// 上传图像并保存 URL 到 Firestore
async function uploadImage(file) {
  const storageRef = storage.ref(`images/${file.name}`);
  const uploadTask = storageRef.put(file);

  try {
    await uploadTask;
    const downloadURL = await storageRef.getDownloadURL();
    await firestore.collection('images').add({
      url: downloadURL,
      timestamp: firebase.firestore.FieldValue.serverTimestamp()
    });
    console.log('Image uploaded and URL saved to Firestore');
  } catch (error) {
    console.error('Error uploading image:', error);
  }
}

// 示例：选择文件并上传
document.getElementById('fileInput').addEventListener('change', (event) => {
  const file = event.target.files[0];
  uploadImage(file);
});

service firebase.storage {
  match /b/{bucket}/o {
    match /images/{imageId} {
      allow write: if request.auth != null;
      allow read: if request.auth != null;
    }
  }
}

service cloud.firestore {
  match /databases/{database}/documents {
    match /images/{imageId} {
      allow create: if request.auth != null;
      allow read: if request.auth != null;
    }
  }
}