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

Posted 2023-03-25

【中文标题】如何将屏幕截图从 puppeteer 上传到 cloudinary 或 google bucket？

【英文标题】：How to upload screenshots from puppeteer to cloudinary or google bucket?

【发布时间】：2021-12-26 10:55:20

【问题描述】：

我正在将屏幕截图保存到我的 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 前端应用程序实际上可以渲染屏幕截图？

谢谢！

【问题讨论】：

您是否尝试将屏幕截图作为“文件”上传到 cloudinary ？我看到您在函数中传递了变量screenshot。它的内容是什么？

您有上传调用的日志吗？你能记录你的screenshot 变量吗？

我没有返回日志！

【参考方案1】：

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

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