在通过云功能向云存储添加文件后，是什么原因导致firebase控制台显示“等待”图标（旋转蓝色循环图标）？

Question

因此，我现在可以使用谷歌云功能在云存储中存储文件，上传文件后，我可以在Firebase控制台中看到它的名称，即在存储区域中，通过各种文件夹向下钻取。

我还可以查询和检索并查看文件，因此它看起来存储得很好。

但是，我不明白为什么不能在firebase控制台中单击该文件并查看其预览。

我唯一的猜测是，上传文件的云函数没有释放文件句柄之类的东西，所以firebase控制台认为它被锁定了。

Firebase控制台中显示的文件属性似乎是正确的。

上传文件的云功能代码如下：

const imageBuffer = Buffer.from(arr[1], 'base64');
const bufferStream = new stream.PassThrough();
bufferStream.end(imageBuffer);

const fullPath = `${filePath}/${data.filename}`

console.log('saving to fullPath', fullPath)

const myFile = bucket.file(fullPath)

bufferStream.pipe(myFile.createWriteStream({
       metadata: {
         contentType: mime
       },
       public: true,
       validation: "md5"
    }))
     .on('error', function (err) {
      console.log('error from image upload', err);
    })
    .on('finish', function () {
       console.log('!!!!!! finished')
     })

其中arr[1]是字符串的base 64部分，即从一开始就删除mime类型，因此arr[1]是作为base 64的纯文件数据。

所以，基本上一切似乎是完美的工作，除了Firebase控制台不能查看文件，除非我做一个应用程序重新部署，即npm运行构建

Answer 1

再次讨论这个问题，您可以直接将缓冲区写入流本身，而不是使用增加不必要开销的PassThrough流。

const imageBuffer = Buffer.from(arr[1], 'base64');

const fullPath = `${filePath}/${data.filename}`

console.log('saving to fullPath', fullPath)

const myFile = bucket.file(fullPath)

const fileWriteStream = myFile
  .createWriteStream({
    metadata: {
      contentType: mime
    },
    public: true,
    validation: "md5"
  })
  .on('error', function (err) {
    console.log('error from image upload', err);
  })
  .on('finish', function () {
    console.log('!!!!!! finished')
  });
  
fileWriteStream.end(imageBuffer);

改写为基于promise的效用函数：

import { File } from "@google-cloud/storage";
import { storage } from "firebase-admin";

async function uploadDataURI(dataURI: string, options: { bucket?: string, filename: string, filepath: string, public?: boolean, contentType?: string }): Promise<File> {
  const { bucket, filename, filepath, public, contentType } = options;

  const [, mediaType, data] = dataURI.split(/[;,]/);

  let contentTypeFromURI: string, buffer: Buffer;
  if (mediaType.endsWith(";base64")) {
    contentTypeFromURI = mediaType.slice(0,-7);
    buffer = Buffer.from(data, "base64");
  } else {
    contentTypeFromURI = mediaType;
    buffer = Buffer.from(decodeURIComponent(data));
  }

  const storageRef = storage()
    .bucket(bucket)
    .file(`${filepath}/${filename}`);
    
  return new Promise((resolve, reject) => {
    try {
      const fileWriteStream = storageRef
        .createWriteStream({
          metadata: {
            contentType: contentType || contentTypeFromURI || undefined // coerce falsy values to undefined
          },
          public,
          validation: "md5"
        })
        .on('error', reject)
        .on('finish', () => resolve(storageRef));
      
      fileWriteStream.end(buffer);
    } catch (err) {
      reject(err);
    }
  }); 
}

Answer 2

根据注释在数据末尾发送null可以解决此问题。