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

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

HarmonyOS
16h前
浏览
收藏 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
微信
回复
13h前
相关问题
如何base64转换成图片
10329浏览 • 2回复 待解决
PixelMap类型怎么转换成Base64字符串
639浏览 • 1回复 待解决
HarmonyOS 如何base64数据转换图片
528浏览 • 1回复 待解决
HarmonyOS 图片Base64编码
61浏览 • 1回复 待解决
HarmonyOS 图片base64
66浏览 • 1回复 待解决
HarmonyOS Image如何显示base64图片
473浏览 • 1回复 待解决
HarmonyOS 图片压缩和图片base64
293浏览 • 1回复 待解决
HarmonyOS如何图片Base64
923浏览 • 1回复 待解决
如何实现PixelMap和base64相互转换
1847浏览 • 1回复 待解决
HarmonyOS 图片进行base64编码报错
706浏览 • 1回复 待解决
HarmonyOS 关于Image组件使用base64图片
127浏览 • 1回复 待解决
HarmonyOS 图片操作,合成后导出base64
228浏览 • 1回复 待解决
怎么把PixelMap图片BASE64
9444浏览 • 1回复 待解决
js canvas转base64编码图片不全
10810浏览 • 1回复 待解决