在Angular中将图像URL转换为base64 [英] Converting an Image url to base64 in Angular

问题描述

我正在努力尝试将给定的图像URL转换为base64 ...在我的情况下，我有一个带有图像路径的String

I am struggling trying to convert a given image url to base64... in my case i have a String with the image's path

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

我如何直接在base64中转换给定的图像URL?...我尝试了这篇文章.

how can i convert the given image url in a base64 directly?... i tried this post.

将图像以角度2转换为base64

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

but this post is getting the image from a form... how can i adapt it?

推荐答案

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

You can use this to get base64 image

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));

这篇关于在Angular中将图像URL转换为base64的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！