使用Javascript上传Firebase文件

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

firebase.initializeApp(firebaseConfig);

// 获取 Firebase Storage 引用
const storage = firebase.storage();

// 获取文件输入元素
const fileInput = document.getElementById('fileInput');

fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  if (file) {
    // 创建引用
    const storageRef = storage.ref().child(`uploads/${file.name}`);
    // 上传文件
    const uploadTask = storageRef.put(file);

    uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED, 
      (snapshot) => {
        const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
        console.log('Upload is ' + progress + '% done');
      }, 
      (error) => {
        switch (error.code) {
          case 'storage/unauthorized':
            // 用户没有权限
            break;
          case 'storage/canceled':
            // 用户取消了上传
            break;
          case 'storage/unknown':
            // 其他错误
            break;
        }
      }, 
      () => {
        uploadTask.snapshot.ref.getDownloadURL().then((downloadURL) => {
          console.log('File available at', downloadURL);
        });
      }
    );
  }
});