在 Angular 中将图像 url 转换为 base64

我正在努力尝试将给定的图像 url 转换为 base64...在我的例子中，我有一个带有图像路径的字符串

var imgUrl = `./assets/logoEmpresas/${empresa.logoUrl}`

我如何直接将给定的图像网址转换为base64？...我尝试了这篇文章。

将图像转换为 Angular 2 中的 Base64 https://stackoverflow.com/questions/42482951/converting-an-image-to-base64-in-angular-2

但这篇文章是从表单中获取图像......我该如何调整它？

您可以使用它来获取base64图像

async function getBase64ImageFromUrl(imageUrl) {
  var res = await fetch(imageUrl);
  var blob = await res.blob();

  return new Promise((resolve, reject) => {
    var reader  = new FileReader();
    reader.addEventListener("load", function () {
        resolve(reader.result);
    }, false);

    reader.onerror = () => {
      return reject(this);
    };
    reader.readAsDataURL(blob);
  })
}

然后这样称呼它

getBase64ImageFromUrl('your url')
    .then(result => testImage.src = result)
    .catch(err => console.error(err));