将 S3 字节数组转换为 base64

Question

在谷歌图表中，要真正拥有不同颜色的条形“组”，您需要使用单独的列或系列...var data = google.visualization.arrayToDataTable([  ['Range', 'Series 0', 'Series 1'],  ['Today', 1000, 1170],]);但是，在上面的示例中，您会注意到只有一行，所以没有昨天。为了重现所需的图表，您首先需要使用样式角色，以便分别为每个条形着色。您还需要插入空白行以制作“组”...var data = google.visualization.arrayToDataTable([  ['Range', 'Value', {role: 'style', type: 'string'}],  ['Today', 1000, '#3366cc'],  ['Yesterday', 1170, '#dc3912'],  ['', null, null],  ['this week', 7000, '#3366cc'],  ['last week', 9170, '#dc3912'],]);请参阅以下工作片段...google.charts.load('current', {  packages: ['corechart']}).then(function () {  var data = google.visualization.arrayToDataTable([    ['Range', 'Value', {role: 'style', type: 'string'}],    ['Today', 1000, '#3366cc'],    ['Yesterday', 1170, '#dc3912'],    ['', null, null],    ['this week', 7000, '#3366cc'],    ['last week', 9170, '#dc3912'],  ]);  var options = {    legend: {position: 'none'},    title: 'Vehicle Operating Rate'  };  var chart = new google.visualization.BarChart(document.getElementById('chart'));  chart.draw(data, options);});<script src="https://www.gstatic.com/charts/loader.js"></script><div id="chart"></div>在我的 NodeJS 服务器上，我下载了一个需要嵌入到电子邮件中的图像。我的存储桶不是公开的，因此仅使用该链接是行不通的，因为这不是我想要的针对此问题或项目要求的解决方案。我为此使用了 HTML 电子邮件，内容如下：<p>Embedded image: <img src="data:image/jpeg;charset=utf-8;base64,{{url}}" /></p>所以我从S3下载s3.getObject(                          { Bucket: "mybucket", Key: "mykey" },                          function (error, data) {                            if (error != null) {                              console.log("Errror" + error)                            } else {                              console.log("Loaded " + data.ContentLength + " bytes")然后我试图将 data.body 转换为 UTF-8 base 64我想像"data:image/png;base64," + new String(encoder.encode(data.body), "UTF-8")但这似乎不起作用，我正在努力定义编码器以实现此目的。

Answer 1

确保您在data.Body. 我认为data.Body已经是一个缓冲区，您可以按如下方式构造 src URL：

  // Convert Body from a Buffer to a String

    let base64String= data.Body.toString('base64');

    let src = "data:image/jpeg;base64,"+base64String;

Answer 2

如果您以二进制格式存储 s3 存储桶对象，则可以接收它并将其转换为 base64：

const blobToBase64 = (blob) => {

  const reader = new FileReader()

  reader.readAsDataURL(blob)

  return new Promise((rs, rj) => {

    reader.onloadend = () => {

      rs(reader.result)

    }

    reader.onerror = rj

  })

}

function useImage({s3Link}) {

  const [src, setSrc] = React.useState(null)

  React.useEffect(() => {

    async function query({link}) {

      //link is link to s3 bucket URL link e.g

      // const link = s3.getSignedUrl('getObject', {

      //   Bucket: bucketnamw,

      //   Key: key,

      //   Expires: 30,

      // })

      const r = await fetch(link)

      const blob = await r.blob()

      const base64 = await blobToBase64(blob)

      console.log(`base64!`, base64)

      setSrc(base64)

    }

    if (s3Link) {

      query({link: s3Link})

    }

  }, [s3Link, setSrc])

  return [{src}]

}