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

Question

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

Answer 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");
 }