离线时将文件上传到 Firebase 云存储时触发代码

Question

这是 Firebase 在其文档中用作将文件上传到 Firebase Cloud Storage 的参考的代码。

import { getStorage, ref, uploadBytesResumable, getDownloadURL } from "firebase/storage";

const storage = getStorage();
const storageRef = ref(storage, 'images/rivers.jpg');

const uploadTask = uploadBytesResumable(storageRef, file);

// Register three observers:
// 1. 'state_changed' observer, called any time the state changes
// 2. Error observer, called on failure
// 3. Completion observer, called on successful completion
uploadTask.on('state_changed', 
  (snapshot) => {
    // Observe state change events such as progress, pause, and resume
    // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
    const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    console.log('Upload is ' + progress + '% done');
    switch (snapshot.state) {
      case 'paused':
        console.log('Upload is paused');
        break;
      case 'running':
        console.log('Upload is running');
        break;
    }
  }, 
  (error) => {
    // Handle unsuccessful uploads
  }, 
  () => {
    // Handle successful uploads on complete
    // For instance, get the download URL: https://firebasestorage.googleapis.com/...
    getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => {
      console.log('File available at', downloadURL);
    });
  }
);

TLTR： 在uploadTask.on() 中执行只需要在离线时运行的代码的标准方法是什么（比如将文件上传到本地存储直到可以建立连接）方法？

我假设离线时，在第一个“正在运行”案例被触发后，下一个“state_changed”更新将是关于没有互联网连接并运行“暂停”案例。在这种情况下，我想编写一些代码以在离线时上传文件的情况下执行。 但是，这不会发生，并且“暂停”案例在离线或中途丢失连接时永远不会运行。错误回调也不会运行。代码只是挂在那里，直到可以建立连接。

在uploadTask.on() 方法中执行只需要在离线时运行的代码的标准方法是什么（比如将文件上传到本地存储直到可以建立连接）。

提前感谢您的帮助！

Answer 1

Firebase SDK for Cloud Storage 不会将没有互联网连接视为错误情况。相反，它只会使用指数退避重试操作。

据我所知，pause 事件仅在您自己调用 pause() 函数时触发，并且可以在 SDK source 中看到。