在Angular中将图像URL转换为base64

塞尔吉奥·卡诺

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

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

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

将图像转换为角度2中的base64

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

托尼·恩戈

您可以使用它来获取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));

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Ruby中将实际图像转换为base64

在 GoLang 中将图像转换为 Base64

在angularjs中将图像转换为base64

在Flutter错误中将base64转换为图像

如何在C中将图像转换为base64?

在Flutter中将图像资产转换为base64

如何在 Flutter 中将图像转换为 Base64

如何在Angular中将本地图像文件转换为base64?

Javascript将URL转换为BASE64图像

将从URL提取的图像转换为base64

如何在Vue.Js中将图像URL从服务器(API / ImageURL)转换为Base64

拖放图像转换为Base64

图像转换为Base64

在WSO2 EI 6.3.0中将Base64 URL转换为Base64编码格式

如何在jQuery中将预加载的图像转换为base64数据

在Android(Java)中将选定的图像转换为base64字符串

在Express Node.js中将图像文件转换为base64

在打字稿中将图像路径转换为base64

在React Native中将base64字符串转换为图像

无法在Ionic 4中将base64转换为图像路径

React Native-如何在Android中将图像转换为Base64,反之亦然

如何在Kotlin Android中将base64字符串转换为图像

如何在颤振中将图像文件转换为 base64 字符串?

如何在xamarin.android中将图像转换为base64?

在android中将base64字符串转换为PNG图像

在Android中将图像从文件路径转换为base64对我不起作用

HTTParty 响应:GET 图像并将字节转换为 base64 图像数据 url

如何在 Dart 中将 base64 字符串 url 解码或转换为 UintList?

如何在客户端javascript中将.wav文件从url转换为base64?