HarmonyOS 从相册读取的图片如何转换成base64

file://media/Photo/4/IMG_1711511342_001/IMG_20240327_114722.jpg 从相册读取的图片如何转换成base64格式图片

HarmonyOS
2024-12-23 16:15:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

请参考以下关键代码:

/**
 * 图片转换为base64
 * @param {Object} img 图片对象
 */
function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0, img.width, img.height);
  var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
  var dataURL = canvas.toDataURL("image/" + ext);
  return dataURL;
}

//调用示例:
//Plain
let img = new Image();
img.setAttribute('crossOrigin', 'anonymous');
// 图片地址
img.src = 'xxxxx';
img.onload = () => {
  // 获得Base64
  let base64Str = getBase64Image(img);
  console.log(base64Str)
}
分享
微博
QQ
微信
回复
2024-12-23 19:03:39
相关问题
如何base64转换成图片
10919浏览 • 2回复 待解决
PixelMap类型怎么转换成Base64字符串
1143浏览 • 1回复 待解决
HarmonyOS 图片转换成ImageBitmap
515浏览 • 1回复 待解决
HarmonyOS 如何base64数据转换图片
1008浏览 • 1回复 待解决
HarmonyOS 如何base64图片保存到相册
1826浏览 • 1回复 待解决
HarmonyOS 页面转换成图片
215浏览 • 1回复 待解决
HarmonyOS 图片base64
545浏览 • 1回复 待解决
HarmonyOS 图片Base64编码
515浏览 • 1回复 待解决
HarmonyOS Image如何显示base64图片
880浏览 • 1回复 待解决
HarmonyOS base64图片如何转成Arraybuffer
177浏览 • 1回复 待解决
HarmonyOS RSA加密base64秘钥转换
580浏览 • 1回复 待解决
HarmonyOS 加解密base64转换
471浏览 • 1回复 待解决
HarmonyOS 网络图片如何转换成PixelMap
327浏览 • 1回复 待解决
如何实现PixelMap和base64相互转换
2365浏览 • 1回复 待解决
HarmonyOS如何图片Base64
1495浏览 • 1回复 待解决
HarmonyOS 如何实现Base64数据转图片
473浏览 • 1回复 待解决
HarmonyOS 拍照后图片base64
348浏览 • 1回复 待解决
HarmonyOS 日期如何转换成毫秒
315浏览 • 1回复 待解决
HarmonyOS 图片进行base64编码报错
1089浏览 • 1回复 待解决