使用 Cloud Functions 将图像上传到 Google Storage

Question

我已经阅读了与此相关的所有其他答案。但这对我不起作用，或者我只是不明白一些事情。请帮忙。

我正在从客户端发送 'image/png' base64 字符串。它是这样的：“iVBORw0KGgoAAAANSUhEUgAAAgAAAA.......”

在 Cloud Functions 上我有方法：

exports.uploadImage = functions.https.onCall((data, context) => {  
  var bytes = data.imageData;
  uploadFile(bytes);
})

function _base64ToArrayBuffer(binary_string) {
  var len = binary_string.length;
  var bytes = new Uint8Array(len);
  for (var i = 0; i < len; i++) {
      bytes[i] = binary_string.charCodeAt(i);
  }
  return new Uint8Array(bytes);
}

async function uploadFile(data) {
    const imageBuffer = _base64ToArrayBuffer(data)
    const fielName = 'img/' + UTIL.getRandomString(20) + '.png'
    const fileUpload = bucket.file(fielName)

    const uploadStream = fileUpload.createWriteStream({
      metadata: {
          contentType: 'image/png'
      }
  });

  uploadStream.on('error', (err) => {
      console.log(err);
      return;
  });

  uploadStream.on('finish', () => {
      console.log('Upload success');
      bucket.file(fielName).makePublic();
  });

  uploadStream.end(imageBuffer);
}

因此，我在 Firebase 存储中保存了一些 35Kb 的奇怪文件（源图像为 14kb） 此文件的图像未显示，并且没有指向创建的图像的链接。

有什么问题？

Answer 1

在你的逻辑中，你有：

function _base64ToArrayBuffer(binary_string) {
  var len = binary_string.length;
  var bytes = new Uint8Array(len);
  for (var i = 0; i < len; i++) {
      bytes[i] = binary_string.charCodeAt(i);
  }
  return new Uint8Array(bytes);
}

我相信您的意图是将 Base64 字符串解码为其二进制数据表示。我不确定你从哪里得到那个代码片段，也不知道它实际上做了什么……但我可以向你保证，它与 base64 解码无关。

Node.js 有一些强大的库可以代表您执行 Base64 解码。例如Buffer 类。

let buff = new Buffer(data, 'base64');

将data 中的 Base64 字符串解码为字节缓冲区。

要阅读的优秀文章是Encoding and Decoding Base64 Strings in Node.js。

Answer 2

我认为您正在使用的 ToArrayBuffer 可能有问题。

您能否尝试使用 base64EncodedImageString 缓冲区并查看它是否适合您？我已经看到其他人试图通过云函数将图像传输到 GCS 的其他 SO 线程，我看到的与您的代码的主要区别是缓冲区。

SO Thread

希望这会有所帮助。

编辑：

正如您提到的，该项目仍然不公开，请尝试添加 createWriteStream 的元数据

public = true

如果您对我的意思有任何疑问，您可以参考我链接的上一个 SO 线程，它也在那里。

让我们知道。