如何将屏幕截图从 puppeteer 上传到 cloudinary 或 google bucket？

Question

我正在将屏幕截图保存到我的 react frontend build src 文件夹，但是我在部署后发现您无法将图像保存到此文件夹。

所以我正在研究 cloudinary 并且对文档感到困惑

我有这样的云设置：

cloudinary.config({


 cloud_name: process.env.CLOUD_NAME,
  api_key: process.env.API_KEY,
  api_secret: process.env.API_SECRET
});

在这行代码之后：

const screenshot = await page.screenshot({  });
cloudinary.uploader.upload(screenshot, function(error, result) {console.log(result, error)});

根据作为他们示例的文档，但我在云端的家庭图书馆中什么也没得到？

有谁知道如何简单地将屏幕截图上传到 cloudinary 甚至谷歌云存储桶，以便我的 react 前端应用程序实际上可以渲染屏幕截图？

谢谢！

Answer 1

将截图图片作为base64字符串上传图片字符串：

const screenshot = await page.screenshot({ encoding: "base64" }); // this line
cloudinary.uploader.upload(screenshot, function(error, result) {
    console.log(result, error)
});