如何以角度将缓冲区数据转换为base64图像

【问题标题】：How to convert buffer data to base64 image in angular如何以角度将缓冲区数据转换为base64图像
【发布时间】：2020-10-13 04:55:39
【问题描述】：

我从 API 获得响应数据作为缓冲区数据，我想转换为 base64 图像

【问题讨论】：

标签： javascript angular blob buffer base64url

【解决方案1】：

  getBase64ImageFromURL(url) {
    return new Promise((resolve, reject) => {
      var img = new Image();
      img.setAttribute("crossOrigin", "anonymous");

      img.onload = () => {
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;

        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0);

        var dataURL = canvas.toDataURL("image/png");

        resolve(dataURL);
      };

      img.onerror = error => {
        reject(error);
      };

      img.src = url;
    });
  }

您可以按如下方式使用此功能：

async someFunction() { 
  const logo = await this.getBase64ImageFromURL("logo.jpg");
 }

【讨论】：