将bytes转换为base64，还原图片

最新推荐文章于 2024-05-20 22:28:51 发布

彪悍的羊驼

最新推荐文章于 2024-05-20 22:28:51 发布

阅读量806

点赞数

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/weixin_42147968/article/details/127317188

版权

// buffer: 可以是后端获取的二进制流或者是前端获取图片的文件流
const bytes = new Uint8Array(buffer);

document.querySelector('img').src = "data:image/png;base64," + encode(bytes);

//base64编码
const encode = (input) => {
  const keyStr =
    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
  let output = "";
  let chr1, chr2, chr3, enc1, enc2, enc3, enc4;
  let i = 0;
  while (i < input.length) {
    chr1 = input[i++];
    chr2 = i < input.length ? input[i++] : Number.NaN;
    chr3 = i < input.length ? input[i++] : Number.NaN;
    enc1 = chr1 >> 2;
    enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
    enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
    enc4 = chr3 & 63;
    if (isNaN(chr2)) {
      enc3 = enc4 = 64;
    } else if (isNaN(chr3)) {
      enc4 = 64;
    }
    output +=
      keyStr.charAt(enc1) +
      keyStr.charAt(enc2) +
      keyStr.charAt(enc3) +
      keyStr.charAt(enc4);
  }
  return output;
};